that wraps the table */ position: relative; z-index: 1; /* container inner z-index's because s can't do it */ } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ } .fc { /* cell top */ } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc { /* day number (within cell top) */ } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc { /* event container */ } .fc .fc-daygrid-day-events { margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ } .fc { /* positioning for balanced vs natural */ } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; /* for containing abs positioned event harnesses */ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ } .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc { /* event harness */ } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; /* fallback coords for when cannot yet be computed */ left: 0; /* */ right: 0; /* */ } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc { /* bg content */ } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } .fc { /* events */ } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc { /* cell bottom (within day-events) */ } .fc .fc-daygrid-day-bottom { font-size: .85em; padding: 2px 3px 0 } .fc .fc-daygrid-day-bottom:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc { /* week number (within frame) */ } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: var(--fc-neutral-text-color, #808080); } .fc { /* popover */ } .fc .fc-more-popover { z-index: 8; } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px 0; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; /* will cause inner absolute stuff to expand to */ } .fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ position: relative; /* for z-indexes assigned later */ white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); } /* --- the rectangle ("block") style of event --- */ .fc-daygrid-block-event .fc-event-time { font-weight: bold; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; } /* --- the dot style of event --- */ .fc-daygrid-dot-event { display: flex; align-items: center; padding: 2px 0; flex-direction: column; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: transparent; } .fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } .fc-daygrid-event-dot { /* the actual dot */ margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); } /* --- spacing between time and title --- */ .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } /* A VERTICAL event */ .fc-v-event { /* allowed to be top-level */ /* display: block; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8)*/ } .fc-v-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-height: 0; /* important for allowing to shrink all the way */ } .fc-v-event .fc-event-title { /* will have fc-sticky on it */ top: 0; bottom: 0; max-height: 100%; /* clip overflow */ overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { /* expand hit area */ left: -10px; right: -10px; } .fc-v-event { /* resizer (mouse AND touch) */ } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event { /* resizer for MOUSE */ } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event { /* resizer for TOUCH (when event is "selected") */ } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ } .fc .fc-timegrid-divider { padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ } .fc .fc-timegrid-body { position: relative; z-index: 1; /* scope the z-indexes of slots and cols */ min-height: 100%; /* fill height always, even when slat table doesn't grow */ } .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ position: relative/* offset parent for now-indicator-container */ } .fc .fc-timegrid-axis-chunk>table { position: relative; z-index: 1; /* above the now-indicator-container */ } .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-slot { /* a */ height: 1.5em; border-bottom: 0/* each cell owns its top border */ } .fc .fc-timegrid-slot:empty:before { content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */ } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-slot-label { vertical-align: middle; /* vertical align the slots */ } .fc { /* slots AND axis cells (top-left corner of view including the "all-day" text) */ } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc { /* axis cells (top-left corner of view including the "all-day" text) */ /* vertical align is more complicated, uses flexbox */ } .fc .fc-timegrid-axis-frame-liquid { height: 100%; /* will need liquid-hack in FF */ } .fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; /* vertical align */ justify-content: center; /* horizontal align. matches text-align below */ } .fc .fc-timegrid-axis-cushion { max-width: 60px; /* limits the width of the "all-day" text */ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; /* liquid-hack is below */ position: relative; } .fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; /* no z-index. children will decide and go above slots */ top: 0; left: 0; right: 0; bottom: 0 } .fc-media-screen .fc-timegrid-cols>table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc { /* bg */ } .fc .fc-timegrid-col-bg { z-index: 2; /* TODO: kill */ } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } .fc .fc-timegrid-bg-harness { position: absolute; /* top/bottom will be set by JS */ left: 0; right: 0; } .fc { /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */ } .fc .fc-timegrid-col-events { z-index: 3; /* child event segs have z-indexes that are scoped within this div */ } .fc { /* now indicator */ } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */ } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness { position: absolute/* top/left/right/bottom will all be set by JS */ } .fc-timegrid-event-harness>.fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; /* for when not yet positioned */ bottom: 0; /* " */ left: 0; right: 0; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event, .fc-timegrid-more-link { /* events need to be root */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); border-radius: 3px; } .fc-timegrid-event { /* events need to be root */ margin-bottom: 1px/* give some space from bottom */ } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: .85em; font-size: var(--fc-small-font-size, .85em); margin-bottom: 1px; } .fc-timegrid-event-short .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-short .fc-event-time:after { content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-short .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */ position: absolute; z-index: 9999; /* hack */ color: inherit; color: var(--fc-more-link-text-color, inherit); background: #d0d0d0; background: var(--fc-more-link-bg-color, #d0d0d0); cursor: pointer; margin-bottom: 1px; /* match space below fc-timegrid-event */ } .fc-timegrid-more-link-inner { /* has fc-sticky */ padding: 3px 2px; top: 0; } .fc-direction-ltr .fc-timegrid-more-link { right: 0; } .fc-direction-rtl .fc-timegrid-more-link { left: 0; } .fc { /* line */ } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); border-width: 1px 0 0; } .fc { /* arrow */ } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; /* vertically center on top coordinate */ border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; /* triangle pointing right. TODO: mixin */ border-width: 5px 0 5px 6px; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; /* triangle pointing left. TODO: mixin */ border-width: 5px 6px 5px 0; } .fc-direction-ltr .fc-timegrid-now-indicator-arrow, .fc-direction-rtl .fc-timegrid-now-indicator-arrow { border-top-color: transparent; border-bottom-color: transparent; } :root { --fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f5f5f5; } .fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid, .fc-theme-standard .fc-popover, .fc-theme-standard .fc-list { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc { /* message when no events */ } .fc .fc-list-empty { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); height: 100%; display: flex; justify-content: center; align-items: center; /* vertically aligns fc-list-empty-inner */ } .fc .fc-list-empty-cushion { margin: 5em 0; } .fc { /* table within the scroller */ /* ---------------------------------------------------------------------------------------------------- */ } .fc .fc-list-table { width: 100%; border-style: hidden; /* kill outer border on theme */ } .fc .fc-list-table tr>* { border-left: 0; border-right: 0; } .fc .fc-list-sticky .fc-list-day>* { /* the cells */ position: -webkit-sticky; position: sticky; top: 0; /* for when headers are styled to be transparent and sticky */ } .fc .fc-list-table th { padding: 0; /* uses an inner-wrapper instead... */ } .fc .fc-list-table td, .fc .fc-list-day-cushion { padding: 8px 14px; } .fc { /* date heading rows */ /* ---------------------------------------------------------------------------------------------------- */ } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table; /* clear floating */ } .fc-theme-standard .fc-list-day-cushion { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left; } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right; } /* make the dot closer to the event title */ .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 } .fc .fc-list-event.fc-event-forced-url { cursor: pointer; /* whole row will seem clickable */ } .fc { /* shrink certain cols */ } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px; } .fc .fc-list-event-dot { display: inline-block; box-sizing: content-box; width: 0; height: 0; border: 5px solid #3788d8; border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 5px; border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); } .fc { /* reset styling */ } .fc .fc-list-event-title a { color: inherit; text-decoration: none; } .fc { /* underline link when hovering over any part of row */ } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; } .fc-theme-bootstrap a:not([href]) { color: inherit; /* natural color for navlinks */ } /* i wish this required CSS was better documented :( https://github.com/FezVrasta/popper.js/issues/674 derived from this CSS on this page: https://popper.js.org/tooltip-examples.html */ .popper, .tooltip { position: absolute; z-index: 9999; background: #215EAC; color: black; width: 150px; border-radius: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); padding: 10px; text-align: center; opacity: 1 !important; } .tooltip-inner { background-color: #707070 !important; font-weight: bold !important; } /*.page .tooltip .tooltip-arrow, .page .popper .popper__arrow, .post-type-archive-rhp_events .tooltip .tooltip-arrow, .post-type-archive-rhp_events .popper .popper__arrow { border-color: #215EAC; }*/ .style5 .tooltip { background: #1E252B; color: #FFFFFF; max-width: 200px; width: auto; font-size: .8rem; padding: .5em 1em; } .popper .popper__arrow, .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; } .tooltip .tooltip-arrow, .popper .popper__arrow { border-color: #215EAC; } .style5 .tooltip .tooltip-arrow { border-color: #215EAC; } .popper[x-placement^="top"], .tooltip[x-placement^="top"] { margin-bottom: 5px; } .popper[x-placement^="top"] .popper__arrow, .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .popper[x-placement^="bottom"], .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow, .popper[x-placement^="bottom"] .popper__arrow { border-width: 0 5px 5px 5px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"], .popper[x-placement^="right"] { margin-left: 5px; } .popper[x-placement^="right"] .popper__arrow, .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .popper[x-placement^="left"], .tooltip[x-placement^="left"] { margin-right: 5px; } .popper[x-placement^="left"] .popper__arrow, .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .fc-event-title{ white-space: normal; text-align: center; } .fc-event-title, .fc-event-cta { padding: 0 24px; } .fc-event-img{ width: 100% } .fc-event-img img{ width: 100%; height: auto; } /*.fc-media-screen .fc-timegrid-event{ width: 150px; }*/ .fc-media-screen .fc-timegrid-event, .fc-listYear-view .fc-event-title, .eventTitleOuter, .fc-event-cta{ width: 100%; } .eventTitleOuter .fc-dayGridDay-view .fc-event-title a, .eventTitleOuter .fc-dayGridMonth-view .fc-event-title a{ color: #464342 !important; } .fc-dayGridMonth-view .fc-event-title, .fc-dayGridMonth-view .fc-event-img img{ width: 100% !important; } #eventCalendar .eventVenueTitleOuter, .fc-scrollgrid .fc-event-title, .fc-scrollgrid .fc-event-cta, .fc-scrollgrid .fc-event-img img, .fc-list-table .fc-event-title, .fc-list-table .fc-event-cta, .fc-list-table .fc-event-img img, .fc-listYear-view .fc-event-title, .fc-listYear-view .fc-event-cta, .fc-listYear-view .fc-event-img img{ max-width: 150px; width: 100%; } .fc-dayGridDay-view .fc-event-cta{ width: 150px !important; } .fc-event-cta{ align-self: flex-start; justify-content: center; } #eventCalendar .eventTitleOuter, .fc-scrollgrid .fc-event-cta{ width: 100%; display: flex; } #eventCalendar .eventTitleOuter{ word-break: break-word; } #eventCalendar .eventVenueTitleOuter { align-self: start; } #eventCalendar .eventVenueTitleOuter .fc-event-venue-title { font-size: var(--fc-small-font-size, .85em); line-height: var(--fc-small-line-height, 1em); font-weight: var(--fc-small-font-weight, 600); display: flex; text-wrap: balance; text-align: center; justify-content: center; align-items: center; padding: 5px 0px 8px; word-break: break-word; } #eventCalendar .fc-other-events { display: block; width: 100%; margin-top: 5px; } .fc-daygrid-day-events .fc-daygrid-event-harness { width: 100%; } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text{ float: left !important; margin-left: 48px !important; } .fc-list-event-dot, #eventCalendar .botButtons .fc-toolbar-title, .fc-list-event-graphic{ display: none; } .fc .fc-list-event.fc-event-forced-url:hover a{ text-decoration: none; } .monthOuter .fc-today-button { margin-left: 24px !important; } .monthOuter .fc-prev-button{ margin-right: 16px; } .calVenueFilter{ padding: 8px 8px; color: #333; font-weight: 500; margin-right: 8px; text-transform: capitalize; cursor: pointer; } .calVenueFilter.selectedVenue{ color: #000; padding: 8px 8px 0px; font-weight: bold; border-bottom: 1px solid #000; } .calVenueFilter:last-child{ margin-right: 0px; } #eventCalendar .btn-group [type=button], #eventCalendar [type=submit], #eventCalendar button, .fc-prev-button, .fc-next-button, .fc-today-button { border-top: 2px solid #215EAC; border-bottom: 2px solid #215EAC; border-left: 2px solid #215EAC; background-color: #FEFEFE; color: #215EAC; } .fc-prev-button, .fc-next-button, .fc-today-button, .fc-toolbar-chunk .fc-dayGridMonth-button{ border-right: 2px solid #215EAC !important; } #eventCalendar .btn-primary:not(:disabled):not(.disabled).active{ background-color: #215EAC; color: #FEFEFE; } #eventCalendar .fc-today-button, .fc-list-event-time, .fc-toolbar-chunk .fc-dayGridDay-button, .fc-toolbar-chunk .fc-dayGridWeek-button, .fc-toolbar-chunk .fc-dayGridMonth-button, .fc-toolbar-chunk .fc-listYear-button, .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion{ font-weight: bold; } #eventCalendar .btn-primary.focus, #eventCalendar .btn-primary:focus{ box-shadow: none; outline: none; } #eventCalendar .chevron-right:before, #eventCalendar .chevron-left:before{ color: #adb5bd; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion{ color: #215EAC; } #eventCalendar .table-bordered td, #eventCalendar .table-bordered th { border: 2px solid #D7D7D7; } .fc .fc-button, #eventCalendar table tbody tr:hover>td, #eventCalendar table tbody tr:not(.fc-scrollgrid-section-sticky):hover>th, #eventCalendar .fc .fc-cell-shaded, #eventCalendar .fc .fc-day-disabled, #eventCalendar table tbody>tr:nth-child(odd)>td, #eventCalendar table tbody>tr:not(.fc-scrollgrid-section-sticky):nth-child(odd)>th { background-color: transparent; } .fc-event-selected .fc-event-resizer, .fc-theme-standard .fc-popover, .fc .fc-list-sticky .fc-list-day>*, .fc .fc-scrollgrid-section-sticky>* { background: #fff; background: var(--fc-page-bg-color, #fff); } .fc .fc-scrollgrid-section table{ margin-bottom: 0; } #calVenueOuter{ border-bottom: 2px solid #D7D7D7; } .fc-event-cta span.rhp-event-cta.off-sale .btn, .fc-event-cta span.rhp-event-cta.free .btn, .fc-event-cta span.rhp-event-cta.sold-out .btn, .fc-event-cta span.rhp-event-cta.Canceled .btn, .fc-event-cta span.rhp-event-cta.off-sale .btn.btn-primary, .fc-event-cta span.rhp-event-cta.coming-soon .btn, .fc-event-cta .btn.btn-primary{ text-transform: uppercase; } .fc-event-title{ padding: 12px; word-break:break-word; } .fc-event-cta { padding: 0 12px 12px; } .fc-timeGridDay-view .fc-timegrid-event{ width: 150px; } /* width */ div.fc .fc-scroller-liquid::-webkit-scrollbar, div.fc .fc-scroller-liquid-absolute::-webkit-scrollbar { width: 8px; } /* Track */ div.fc .fc-scroller-liquid::-webkit-scrollbar-track, div.fc .fc-scroller-liquid-absolute::-webkit-scrollbar-track { background: #FEFEFE; } /* Handle */ div.fc .fc-scroller-liquid::-webkit-scrollbar-thumb, div.fc .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb { background: #215EAC; border-radius: 10px; height: 70px; } #eventCalendar .fc-daygrid-day-top { margin-right: 12px; } /* Handle on hover */ div.fc .fc-scroller-liquid::-webkit-scrollbar-thumb:hover, div.fc .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb:hover { background: #555759; } .fc .fc-daygrid-event-harness{ margin-top: 0 !important; } .fc-popover-body .fc-event-cta, .fc-popover-body .fc-v-event .fc-event-title{ width: 100%; } .fc-daygrid-day-events{ display: flex; flex-wrap: wrap; } .botButtons .btn-primary.disabled, .botButtons .btn-primary:disabled { cursor: not-allowed; } .fc table.fc-scrollgrid { margin: 0px!important; } /* Media Query Started here */ @media (min-width: 768px) and (max-width: 991px) { .fc-event-cta { padding: 0 9px 12px; } } @media (min-width: 768px) { .month-navkit.realign, .month-navkit.realign .botButtons .fc-toolbar-title { display: block!important; } .month-navkit.realign .nav-month-title { display: none!important; } .month-navkit.realign .botButtons { display: flex!important; justify-content: space-between!important; } .month-navkit.realign .topButtons { width: 100%!important; } .month-navkit.realign .fc-button.fc-button-primary{ font-size: 62px!important; } } @media (max-width: 767px) { .fc-daygrid-dot-event .fc-event-title{ hyphens: auto; } #eventCalendar .eventVenueTitleOuter, .fc-scrollgrid .fc-event-title, .fc-scrollgrid .fc-event-cta, .fc-scrollgrid .fc-event-img img, .fc-list-table .fc-event-title, .fc-list-table .fc-event-cta, .fc-list-table .fc-event-img img, .fc-listYear-view .fc-event-title, .fc-listYear-view .fc-event-cta, .fc-listYear-view .fc-event-img img{ max-width: 150px; width: 100%; } .fc-dayGridDay-view .fc-event-title a, .fc-dayGridMonth-view .fc-event-title a { font-weight: 400; } .fc .fc-daygrid-body-natural .fc-daygrid-day-events{ display: flex; justify-content: center; align-items: center; } .fc-dot{ height: 7px; width: 7px; background-color: #bbb; border-radius: 50%; display: inline-block; } .fc-daygrid-day-events .fc-daygrid-event-harness:not(:last-child){ margin-right: 2px; } .fc .fc-daygrid-day-events{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } .fc-toolbar-chunk:nth-child(2), .fc .fc-list-empty-cushion, .fc-list-event-dot, .monthMobOuter.hideMonthList, #eventCalendar .fc-today-button, .fc-event-title{ display: none; } #shortCodeContents .monthMobOuter.hideMonthList{ display: block; } .fc .fc-toolbar.fc-header-toolbar{ display: flex; flex-direction: column; flex-direction: column-reverse; } .fc-col-header-cell{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fc-toolbar-title{ padding: 24px 0; } #eventCalendar .fc-header-toolbar .botButtons{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 24px; margin-left: 0; } #eventCalendar .botButtons .fc-prev-button, #eventCalendar .botButtons .fc-next-button{ width: 20.33%; } #eventCalendar .botButtons .fc-toolbar-title{ width: 100%; display: block; font-size: 18px; } #eventCalendar .btn-group.topButtons, #eventCalendar .fc-toolbar-chunk{ width: 100%; } #eventCalendar .fc-today-button{ width: 25%; } .fc-toolbar-title{ text-align: center; } .monthOuter .fc-prev-button{ margin-right: 0; } #eventCalendar .btn-group [type=button], #eventCalendar [type=submit], #eventCalendar button{ padding: 4px 16px; } #calVenueOuter{ flex-wrap: wrap; align-items: center; justify-content: center; } /* width */ div.fc .fc-scroller-liquid::-webkit-scrollbar, div.fc .fc-scroller-liquid-absolute::-webkit-scrollbar { width: 4px; } #eventCalendar .fc-daygrid-day-top { margin-right: 6px; } #eventMobMonthCalendar .eventWrapper .btn.btn-primary, #eventMobMonthCalendar .eventWrapper .on-sale .btn.btn-primary, #eventMobMonthCalendar .eventMoreInfo a{ font-size: 12px; padding: 12px 5px; } /*Month view mobile CSS*/ .fc-event-cta, .fc-event-title{ padding: 0; white-space: normal; font-size: 9px; } .monthOuter .btn-group .fc-button-primary { font-size: 24px!important; } .fc-event-cta span.rhp-event-cta.off-sale .btn, .fc-event-cta span.rhp-event-cta.free .btn, .fc-event-cta span.rhp-event-cta.sold-out .btn, .fc-event-cta span.rhp-event-cta.Canceled .btn, .fc-event-cta span.rhp-event-cta.off-sale .btn.btn-primary, .fc-event-cta span.rhp-event-cta.coming-soon .btn, .fc-event-cta .btn.btn-primary, .fc-event-cta .rhp-event-cta a.btn{ padding: 0; font-size: 9px; line-height: 14px; text-transform: capitalize; } .fc-footer-toolbar.month-navkit { display: block; } .fc-footer-toolbar.month-navkit .botButtons { display: flex; column-gap: 50%; margin: 0px 20px 10px 20px; } .fc-footer-toolbar .botButtons .fc-button{ width: 25.00%; } }