/** * The Events Calendar Full Stylesheet * (Some of these styles may override your current theme's styles) * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylsheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ /* = Global & Miscellaneous Styles =============================================*/ #tribe-events-pg-template { max-width: 1000px; margin: 0 auto; } /* Default Events Template Base HTML STyles */ .tribe-events-after-html { clear: both; } #tribe-events .tribe-events-content p, .tribe-events-before-html p, .tribe-events-after-html p { margin: 0 0 10px; line-height: 1.7; } #tribe-events-pg-template .tribe-events-content h1, .tribe-events-before-html h1, .tribe-events-after-html h1, #tribe-events-pg-template .tribe-events-content h2, .tribe-events-before-html h2, .tribe-events-after-html h2, #tribe-events-pg-template .tribe-events-content h3, .tribe-events-before-html h3, .tribe-events-after-html h3, #tribe-events-pg-template .tribe-events-content h4, .tribe-events-before-html h4, .tribe-events-after-html h4, #tribe-events-pg-template .tribe-events-content h5, .tribe-events-before-html h5, .tribe-events-after-html h5, #tribe-events-pg-template .tribe-events-content h6, .tribe-events-before-html h6, .tribe-events-after-html h6 { margin: 24px 0; margin: 20px 0; line-height: 1.7; } .tribe-events-before-html h1, .tribe-events-after-html h1, #tribe-events-pg-template .tribe-events-content h1 { font-size: 21px; line-height: 1.5; } .tribe-events-before-html h2, .tribe-events-after-html h2, #tribe-events-pg-template .tribe-events-content h2 { font-size: 18px; line-height: 1.6; } .tribe-events-before-html h3, .tribe-events-after-html h3, #tribe-events-pg-template .tribe-events-content h3 { font-size: 16px; line-height: 1.8; } .tribe-events-before-html h4, .tribe-events-after-html h4, #tribe-events-pg-template .tribe-events-content h4 { font-size: 14px; line-height: 1.8; } .tribe-events-before-html h5, .tribe-events-after-html h5, #tribe-events-pg-template .tribe-events-content h5 { font-size: 13px; line-height: 1.8; } .tribe-events-before-html h6, .tribe-events-after-html h6, #tribe-events-pg-template .tribe-events-content h6 { font-size: 12px; line-height: 1.8; } .tribe-events-before-html ul, .tribe-events-after-html ul, #tribe-events-pg-template .tribe-events-content ul { list-style: disc outside; } .tribe-events-before-html ol, .tribe-events-after-html ol, #tribe-events-pg-template .tribe-events-content ol { list-style: decimal outside; } .tribe-events-before-html ul li, .tribe-events-after-html ul li, .tribe-events-before-html ol li, .tribe-events-after-html ol li, #tribe-events-pg-template .tribe-events-content ul li, #tribe-events-pg-template .tribe-events-content ol li { margin: 0 0 20px; line-height: 1.7; } .tribe-events-back { margin: 0 0 20px 0; } /* Links */ #tribe-events-content a, .tribe-events-event-meta a { text-decoration: none; } /* Important Link Styles */ ul.tribe-events-sub-nav a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a { text-decoration: none; } ul.tribe-events-sub-nav a:hover, .tribe-events-back a:hover, .tribe-events-list-widget .tribe-events-widget-link a:hover, .tribe-events-adv-list-widget .tribe-events-widget-link a:hover { text-decoration: none; } /* Global Main Button Style */ .tribe-events-button, #tribe-events .tribe-events-button { background-color: #666; color: #fff; background-image: none; font-size: 11px; font-weight: bold; padding: 6px 9px; text-align: center; text-transform: uppercase; letter-spacing: 1px; -webkit-border-radius: 3px; border-radius: 3px; border: 0; line-height: normal; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .tribe-events-button.tribe-active { background-color: #666; color: #fff; } .tribe-events-button.tribe-inactive, .tribe-events-button:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover { background-color: #ddd; color:#444; text-decoration: none; } /* Calendar Add Buttons */ a.tribe-events-ical, a.tribe-events-gcal { font-size: 10px; font-weight: normal; padding: 0 6px; float: right; text-decoration: none; line-height: 18px; margin-top: 21px; color: #fff; clear: both; } .tribe-events-gcal { margin-right: 9px; } .single-tribe_events a.tribe-events-ical, .single-tribe_events a.tribe-events-gcal { float: none; } /* Google Maps */ .tribe-events-event-meta .tribe-events-gmap, .tribe-events-event-meta-desc .tribe-events-gmap { white-space: nowrap; } /* Fixes for rich snippets */ .event .entry-title { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; padding: inherit; } .updated-info { text-indent: -9999px; height: 0; } /* Featured Images */ .tribe-events-event-image { margin: 0 0 20px 0; text-align: center; } .tribe-events-event-image img { max-width: 100%; height: auto; } /* Event Schedule Detail Styling */ .tribe-events-schedule h2 { font-style: normal; font-weight: bold; } .tribe-events-event-schedule-details { display: inline; } .tribe-events-divider { padding: 0 10px; font-weight: bold; } /* 2024 Theme Extra Calendar Room */ .events-archive .entry-content, .events-archive .entry-header { width: 98%; } /* Remove "Edit" Link from unneeded templates */ .events-archive span.edit-link { display: none; } /* Remove unused header / footer elements on non-event page template */ .events-archive header.entry-header, .events-archive footer.entry-meta, .single-tribe_events header.entry-header, .single-tribe_events footer.entry-meta, .single-tribe_venue header.entry-header, .single-tribe_venue footer.entry-meta, .single-tribe_organizer header.entry-header, .single-tribe_organizer footer.entry-meta { display: none; } /* Event Notices */ .tribe-events-notices { background: #d9edf7; border: 1px solid #bce8f1; color: #3a87ad; margin: 10px 0 18px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 #fff; -webkit-border-radius: 4px; border-radius: 4px; } div.tribe-events-notices > ul, div.tribe-events-notices > ul > li { margin:0; padding:0; list-style: none; } /* Promotional Styles */ #tribe-events-content p.tribe-events-promo { font-size: 12px; color: #999; } #tribe-events-content p.tribe-events-promo a { color: #666; } /* Miscellaneous Helper Classes */ .clearfix:before, .tribe-clearfix:before, .clearfix:after, .tribe-clearfix:after {content: ""; display: table;} .clearfix:after, .tribe-clearfix:after {clear: both;} .clearfix, .tribe-clearfix {zoom: 1;} .tribe-clear {clear: both;} .tribe-events-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .tribe-events-error {display:none;} .tribe-events-multi-event-day {color: #0f81bb;} #tribe-events-content .tribe-events-abbr {border-bottom: 0; cursor: default;} /* Tribe Spinner */ .tribe-events-spinner { width: 32px; height: 32px; margin-left: -16px; } .tribe-events-spinner-medium { width: 24px; height: 24px; } .tribe-events-spinner-small { width: 16px; height: 16px; margin-left: -8px; } /* IE7 Tweaks */ *+html .events-archive h2.tribe-events-page-title { padding-bottom: 30px; } *+html .events-archive .tribe-events-list h2.tribe-events-page-title { padding-bottom: 0; } *+html #tribe-events-header { margin-bottom: 30px; } /* General Template Headers */ h2.tribe-events-page-title { font-size: 24px; font-weight: normal; position: relative; z-index: 0; margin-bottom: .5em; text-align: center; clear: none; } /* don't float on filter view */ .tribe-events-filter-view .tribe-events-list h2.tribe-events-page-title{ width: 100%; float: none; } h2.tribe-events-page-title a { color: #000; } h2.tribe-events-page-title a:hover, h2.tribe-events-page-title a:focus { color: #333; text-decoration: underline; } /* General Template Header/Footer Nav */ #tribe-events-header, #tribe-events-footer { margin-bottom: .5em; clear: both; } #tribe-events-header .tribe-events-sub-nav, #tribe-events-footer .tribe-events-sub-nav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; line-height: normal; text-align: center; } #tribe-events-header .tribe-events-sub-nav li, #tribe-events-footer .tribe-events-sub-nav li { display: inline-block; zoom: 1; *display: inline; margin: 0; vertical-align: middle; } #tribe-events-header .tribe-events-sub-nav li, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous { float: left; margin-right: 5px; text-align: left; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next { float: right; margin-left: 5px; text-align: right; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-left, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-left { float: left; text-align: left; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-right, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right { float: right; text-align: right; } .tribe-events-ajax-loading { display: none; position: absolute; left: 50%; margin-left: -27px; top: 150px; padding: 15px; background: #666666; z-index: 10; border-radius: 5px; -webkit-box-shadow: none !important; box-shadow: none !important; -moz-box-shadow: none !important; } .tribe-events-loading .tribe-events-ajax-loading { display: block; } .tribe-events-ajax-loading.tribe-events-active-spinner, .tribe-events-ajax-loading.tribe-events-active-spinner img { display: block; } #tribe-events-header { position: relative; } #tribe-events-footer { margin-bottom: 1em; } /* List & Map & Day Nav Tweaks */ .events-list #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer { margin: 1.25em 0 18px; clear: both; } /* Single Event & Map View Nav Tweaks */ .tribe-events-map #tribe-events-header { margin: 1em 0; } .single-tribe_events #tribe-events-header { margin: 1em 0 20px; } .single-tribe_events #tribe-events-header li, .single-tribe_events #tribe-events-footer li { width: 48%; } #tribe-events-content .tribe-events-nav-date { padding-top: 16px; } select.tribe-events-dropdown { width: auto; font-size: 11px; margin: 33px 9px 0 0; } #tribe-events-events-picker, #tribe-events-picker { display: inline; } /* = Calendar View & List View Template Styles @ Template: month.html & list.html =============================================*/ #tribe-events-content { position: relative; margin-bottom: 48px; padding: 2px 0; } #tribe-events-content.tribe-events-list { padding: 0; } .tribe-events-othermonth div[id*="tribe-events-daynum-"], .tribe-events-othermonth .tribe-events-month-event-title { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } /* = List View Template Styles @ Template: list.html =============================================*/ .tribe-events-list h2.tribe-events-page-title { margin-bottom: 15px; } #tribe-events-content.tribe-events-list { margin-bottom: 60px; } .tribe-events-list .type-tribe_events { border-bottom: 1px solid #ddd; padding: 2.25em 0; margin: 0; } .tribe-events-list .type-tribe_events.tribe-events-first { padding-top: 0; } .tribe-events-list h2.tribe-events-list-event-title { margin: 0; padding: 0; font-size: 1.4em; line-height: 1.4em; text-transform: none; letter-spacing: 0; display: block; border: none; } .tribe-events-list h2.tribe-events-list-event-title { float: none; display: inline; } .tribe-events-event-details .tribe-events-event-meta address.tribe-events-address { font-style: normal; font-family: inherit; font-size: inherit; line-height: inherit; } /* Image */ .tribe-events-list .tribe-events-event-image { float: left; width: 30%; margin: 0 3% 0 0; } .tribe-events-list .tribe-events-event-image img { width: 100%; height: auto; margin: 0; padding: 0; } /* Details (Title, Meta, Content) */ .tribe-events-list .tribe-events-event-image + div.tribe-events-content { float: left; width: 67%; position: relative; } /* Meta */ .tribe-events-loop .tribe-events-event-meta { float: none; clear: both; border: 0; margin: 5px 0 15px 0; line-height: 1.5; font-size: 14px; font-weight: bold; overflow: visible; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo { display: inline-block; zoom: 1; *display: inline; } .tribe-events-event-meta address.tribe-events-address { display: inline; font-style: normal; font-family: inherit; font-size: inherit; line-height: inherit; margin-right: 10px; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .event-is-recurring { position: relative; } .tribe-events-list .time-details, .tribe-events-list .tribe-events-venue-details { line-height: 1.2; margin: 0; display: block; } .tribe-events-list .time-details { margin: 0 0 8px 0; } /* Cost */ .tribe-events-list .tribe-events-event-cost { float: right; margin: 0 0 5px 5px; } .tribe-events-list .tribe-events-event-cost span { font-weight: bold; background: #eee; border: 1px solid #ddd; display: block; padding: 5px 10px; text-align: center; line-height: 1.3; font-style: normal; text-overflow: ellipsis; } /* Content */ .tribe-events-list .tribe-events-loop .tribe-events-content { width: 100%; padding: 0; } /* Date Seperators */ .tribe-events-list-separator-year { display: block; text-align: center; font-size: 38px; color: #ccc; padding: 1em 2.25em 0; font-weight: bold; } .tribe-events-list-separator-month { display: block; text-transform: uppercase; font-weight: bold; font-size: 14px; margin: 2.5em 0 0; background-color: #EEE; padding: 6px 10px; } .tribe-events-list-separator-month + .type-tribe_events.tribe-events-first { padding-top: 2.25em; } .tribe-events-list .type-tribe_events.tribe-event-end-month { border-bottom: 0; padding-bottom: 0; } /* = List View & Single Venue (Pro Version) Template Styles @ Template: list.html & single-venue.html =============================================*/ /* Loop */ .tribe-events-loop { clear: both; } .tribe-events-loop .type-tribe_events.tribe-events-last { border-bottom: 0; } .tribe-events-loop .tribe-events-content { width: 60%; float: left; padding: 0 5% 0 0; } .single-tribe_venue .tribe-events-loop .tribe-events-content p { margin: 0; } .events-archive h3 .published, .single-tribe_venue h3 .published { font-size: 18px; margin-top: 0; font-style: italic; text-transform: none; } .tribe-events-event-meta-desc, .tribe-events-event-day { color: #333; } /* = Single Event Template Styles @ Template: single-event.html =============================================*/ .single-tribe_events h2.tribe-events-single-event-title { font-size: 1.7em; line-height: 1; margin: 0; padding: 0; } #tribe-events-content .tribe-events-single-event-description img.attachment-post-thumbnail { margin-left: auto; margin-right: auto; display: block; text-align: center; } .tribe-events-meta-group .tribe-events-single-section-title { margin: 20px 0 10px; font-size: 1.4em; font-weight: bold; } .tribe-events-meta-group + .tribe-events-single-section-title { margin-top: 0; } .tribe-events-event-meta .tribe-events-meta-group address.tribe-events-address { margin: 0; display: block; } /* Eventbrite */ #eventbrite-embed { width: 100%; min-height: 225px; margin: 24px 0; } .eventbrite-ticket-embed { margin: 0 0 30px 0; } /* Date/Time */ .tribe-events-schedule { margin: 20px 0 0; } .single-tribe_events .tribe-events-schedule .tribe-events-divider, .single-tribe_events .tribe-events-schedule .recurringinfo, .single-tribe_events .tribe-events-schedule .tribe-events-cost { font-size: 1.2em; } .single-tribe_events .tribe-events-schedule h3 { font-size: 1.2em; display: inline-block; zoom: 1; *display: inline; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } .single-tribe_events .tribe-events-schedule .tribe-events-cost { vertical-align: middle; } /* Featured Image */ .single-tribe_events .tribe-events-event-image { clear: both; text-align: center; margin-bottom: 30px; } /* Meta Sections */ .single-tribe_events .tribe-events-event-meta { background: #fafafa; border: 1px solid #eee; margin: 30px 0; } /* Map */ .single-tribe_events .tribe-events-venue-map { width: 58%; margin: 20px 4% 2% 0; padding: 5px; float: right; background: #eee; border: 1px solid #ddd; border-radius: 3px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .single-tribe_events #tribe-events-gmap { height: 0 !important; padding-top: 50%; width: 100% !important; margin: 0 !important; } .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { float: none; margin: 20px 0 0; width: 100%; } .single-tribe_events .tribe-events-meta-group #tribe-events-gmap { height: 0 !important; padding-top: 100%; width: 100% !important; margin-top: 50px; } /* Event Meta */ .single-tribe_events .tribe-events-event-meta { font-size: 13px; } .tribe-events-event-meta .tribe-events-meta-group, .tribe-events-event-meta .column { float: left; width: 33.3333%; padding: 0 4%; text-align: left; margin: 0 0 20px 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .single-tribe_events .tribe-events-event-meta dl { margin: 0; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { clear: left; font-weight: bold; line-height: 1; list-style: none; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { padding: 0; margin: 0 0 10px 0; line-height: 1.5; list-style: none; float: none; } #tribe-events-content .tribe-events-event-meta dd span.adr { display: block; } /* Content */ .single-tribe_events .tribe-events-content { width: 100%; max-width: 100%; padding: 0; } /* Twenty Thirteen Conflict */ .sidebar.single-tribe_events .tribe-events-content { padding: 0; } /* = Day Grid Template Styles @ Template: day.html =============================================*/ .tribe-events-day .tribe-events-day-time-slot h5 { text-transform: uppercase; font-weight: bold; font-size: 14px; margin: 2.5em 0 0; background-color: #eee; padding: 6px 10px; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-left: 5%; } /* = Calendar Styles (includes styles for both large & small calendars) @ Template: month.html & widgets/calendar-widget.html =============================================*/ /* Global Calendar Styles */ #tribe-events-content table.tribe-events-calendar { margin: 12px 0 .6em; clear: both; font-size: 12px; border-collapse: collapse; table-layout: fixed; width: 100%; } #tribe-events-content table.tribe-events-calendar, #tribe-events-content .tribe-events-calendar td { border: 1px solid #bbb; } .tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a { background-color: #f5f5f5; color: #333; font-size: 11px; font-weight: bold; } .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #666; color: #fff; } .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { color: #999; } #tribe-events-content .tribe-events-calendar td { height: 110px; width: 14.28%; color: #114b7d; vertical-align: top; padding: 0 0 .5em; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Global Tooltips */ .tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip, .recurring-info-tooltip { border: 1px solid #666; position: absolute; z-index: 1001; bottom: 30px; left: 3px; width: 320px; background-color: #f9f9f9; color: #333; line-height: 1.4; display: none; } .tribe-events-tooltip .tribe-events-arrow { width: 18px; height: 11px; background-image: url(../images/tribe-tooltips.png); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: 44px 19px; background-size: 44px 19px; display: block; position: absolute; bottom: -11px; left: 20px; } .tribe-events-calendar .tribe-events-right .tribe-events-tooltip, .tribe-events-week .tribe-events-right .tribe-events-tooltip, .recurring-info-tooltip { left: auto; right: 3px; } .tribe-events-right .tribe-events-tooltip .tribe-events-arrow { left: auto; right: 30px; } /* Recurring info tooltip */ .recurringinfo { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; position: relative; } .event-is-recurring { position: relative; font-style: normal; font-weight: 500; color: rgba(0, 0, 0, .7); } .event-is-recurring:hover { color: #000; } .recurring-info-tooltip.tribe-events-tooltip { left: 10px; width: 200px; padding-bottom: .8em; } /* Large Calendar Specifics */ .events-archive.events-gridview #tribe-events-content table .type-tribe_events { margin: 0 5%; padding: 6px 8px; border-bottom: 1px solid #e7e7e7; } .events-archive.events-gridview #tribe-events-content table .tribe-events-last { border-bottom: 0; } .tribe-events-viewmore { margin: 0 5%; padding: 9px 8px; font-weight: bold; line-height: 1; border-top: 1px solid #e7e7e7; } .tribe-events-calendar td .tribe-events-viewmore a{ font-size: 100%; } .tribe-events-calendar th { width: 14.28%; height: 10px; background-color: #ddd; color: #333; padding: 4px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .tribe-events-calendar td div[id*="tribe-events-daynum-"] { padding: 6px 9px; line-height: 1.2; } .tribe-events-calendar td a {font-size: 91.7%;} .tribe-events-calendar div[id*="tribe-events-event-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] { position: relative; margin: 0; } #tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title { line-height: 1.25; font-size: 13px; overflow: hidden; font-weight: normal; font-family: sans-serif; font-weight: bold; text-transform: none; margin: 0; padding: 0; letter-spacing: 0; } .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title a { font-size: 100%; } /* Large Calendar Tooltip Specifics */ #tribe-events-content .tribe-events-tooltip h4 { margin: 0; color: #fff; background-color: #666; font-size: 12px; padding: 0 6px; min-height: 24px; line-height: 24px; letter-spacing: 1px; font-weight: normal; } .tribe-events-tooltip .tribe-events-event-body { font-size: 11px; padding: 3px 6px 6px; font-weight: normal; } .tribe-events-tooltip .duration { font-style: italic; margin: 3px 0; } .tribe-events-tooltip .tribe-events-event-thumb { float: left; padding: 5px 5px 5px 0; } .tribe-events-tooltip .tribe-events-event-thumb img { -webkit-box-shadow: none; box-shadow: none; } .tribe-events-tooltip p.entry-summary { padding: 0; font-size: 11px; line-height: 1.5; } #tribe-mobile-container { display: none; } /* = Events List Widget Styles (Sidebar) @ Template: widgets/list-widget.html =============================================*/ .tribe-events-list-widget ol li { margin-bottom: 30px; list-style: none; } .tribe-events-list-widget .duration { font-weight: bold; } /* = Events Navigation Bar @ Template: modules/bar.html =============================================*/ /* Datepicker ========================================================================== */ .datepicker { z-index:1000 !important; } .datepicker td, .datepicker table tr td span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker td { border-top: 1px solid #EDEDED; } .datepicker table tr td.active.active, .datepicker table tr td span.active.active { background: #666; } .datepicker table tr td.active.active:hover, .datepicker table tr td span.active.active:hover { background: #DADADA; color: inherit; } #tribe-events-bar { width: 100%; min-width: 220px; margin-bottom: 30px; height: auto; position: relative; clear: none; } #tribe-events-bar * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tribe-bar-form { background: #f5f5f5; position: relative; margin: 0; width: 100%; } /* Form Elements */ #tribe-bar-form input { font-size: 15px; margin: 0 4px 0 0; } #tribe-bar-form input[type="text"] { width: 100%; padding: 0 0 5px 0; background: 0; border: none; border-bottom: 1px dashed #b9b9b9; line-height: 1; height: auto; font-weight: bold; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #tribe-bar-form input[type=text]:focus { outline: none; } input[name*="tribe-bar-"]::-webkit-input-placeholder { color: #5f5f5f; font-weight: normal; font-style: italic; line-height: 1.3; } input[name*="tribe-bar-"]:-moz-placeholder { color: #5f5f5f; font-weight: normal; font-style: italic; line-height: 1.3; } .placeholder { color: #5f5f5f; font-weight: normal; font-style: italic; line-height: 1.3; } #tribe-bar-form .tribe-bar-submit input[type=submit] { font-size: 13px; line-height: 20px; letter-spacing: 0; width: 100%; height: auto; padding: 10px; background-image: none; background: #666; color: #fff; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: button; } .tribe-bar-submit input[type=submit]:hover { background: #999; color: #fff; } #tribe-bar-form label { display: block; font-size: 11px; line-height: 1; text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; padding: 0; } #tribe-bar-dates .select2-choice { border-bottom: 1px dashed #b9b9b9; } /* Tribe Bar Full Layout */ #tribe-bar-form .tribe-bar-filters { position: relative; float: left; width: 100%; margin: 0; } #tribe-bar-form #tribe-bar-views + .tribe-bar-filters { right: 16.66667%; left: auto; width: 83.3333%; } #tribe-bar-form .tribe-bar-filters-inner { margin: 0; } #tribe-bar-form.tribe-bar-full .tribe-bar-filters { display: block !important; } .tribe-bar-date-filter{ float: left; width: 25%; margin-bottom: 0; padding: 15px; } .tribe-bar-search-filter{ float: left; width: 33.3333%; margin-bottom: 0; padding: 15px; } .tribe-bar-submit { float: left; width: 25%; margin-bottom: 0; margin-left: 16.6667%; padding: 15px; } #tribe-bar-form #tribe-bar-views { position: relative; left: 83.3333%; right: auto; float: left; width: 16.66667%; padding: 0 0 0 5px; background: transparent; margin: 0; } #tribe-bar-views:hover, #tribe-bar-views label:hover { cursor:pointer; } .tribe-bar-views-inner { padding: 15px 0 45px 0; background: #E0E0E0; margin: 0; } #tribe-bar-form .tribe-bar-views-inner label { padding: 0 15px; text-align: left; } .tribe-bar-views-inner .select2-container { padding: 0 15px; } .tribe-select2-results-views.select2-drop { background: #DBDBDB; border: none; z-index: 10001; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views { width: 16.66667%; } #tribe-bar-views .tribe-bar-views-list { list-style-type: none; margin: 0; padding: 0 0 0 5px; position: absolute; left: 0; top: auto; z-index: 99; border-radius: 0 0 3px 3px; } #tribe-bar-views li.tribe-bar-views-option { line-height: 14px; margin: 0; padding: 0 5px 0 0; list-style: none; background: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; list-style: none; border: none; padding: 0; display: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #tribe-bar-views .tribe-bar-views-option:first-child, #tribe-bar-views .tribe-bar-views-option.tribe-bar-active, #tribe-bar-views.tribe-bar-views-open .tribe-bar-views-option { display: list-item; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { color: #444; text-align: left; display: block; text-decoration: none; padding: 6px 15px; background: #E0E0E0; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { background: #cacaca; color: inherit; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: #e0e0e0; } #tribe-bar-views .tribe-bar-views-option:last-child a { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } /* Views Select */ .tribe-no-js #tribe-bar-views [name="tribe-bar-view"] { display: block; } #tribe-bar-views [name="tribe-bar-view"] { display: none; } #tribe-bar-views .tribe-bar-views-list { width: 100%; float: left; } #tribe-bar-views .tribe-bar-settings { display: none; } /* Tribe Bar Mini Styles */ #tribe-bar-form.tribe-bar-mini * { font-size: 12px; } #tribe-bar-form.tribe-bar-mini label { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tribe-bar-mini .tribe-bar-filters { display: block !important; float: left; width: 83.3333%; } .tribe-bar-mini .tribe-bar-date-filter { padding: 10px; } .tribe-bar-mini .tribe-bar-search-filter{ width: 45%; padding: 10px; } .tribe-bar-mini .tribe-bar-submit { width: 25%; margin-left: 5%; padding: 10px; } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit] { font-size: 11px; padding: 10px 5px; -webkit-appearance: button; } .tribe-bar-mini #tribe-bar-views { width: 16.66667%; } .tribe-bar-mini .tribe-bar-views-inner { padding: 10px 0 35px 0; } .tribe-bar-mini .tribe-bar-views-inner label { padding: 0 10px; } .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { padding: 4px 15px; } /* Tribe Bar Collapse Styles */ #tribe-bar-collapse-toggle { display: none; float: left; padding: 15px; position: relative; font-size: 13px; line-height: 28px; font-weight: bold; text-transform: uppercase; background: #f5f5f5; } #tribe-bar-collapse-toggle:hover { cursor: pointer; } #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow { display:inline-block; margin:0 4px; position: absolute; right: 10px; } #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow:after{ top: 10px; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: inherit; border-width: 8px; } #tribe-bar-collapse-toggle.tribe-bar-filters-open span.tribe-bar-toggle-arrow:after { top: 0px; border-top-color: transparent; border-bottom-color: inherit; } #tribe-bar-form.tribe-bar-collapse #tribe-bar-views + .tribe-bar-filters { display: none; margin-top: 5px; overflow: hidden; clear: both; left: auto; right: auto; width: 100%; } .tribe-bar-collapse .tribe-bar-filters-inner > div, .tribe-bar-collapse #tribe-bar-views { width: 100%; height: auto; margin: 0; } .tribe-bar-collapse #tribe-bar-collapse-toggle { display: block; width: 70%; } .tribe-bar-collapse #tribe-bar-collapse-toggle.tribe-bar-collapse-toggle-full-width { width: 100%; } #tribe-bar-form.tribe-bar-collapse #tribe-bar-views { float: left; left: auto; width: 30%; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { padding: 10px 0 40px 0; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner label { margin: 0; } .tribe-bar-is-disabled .tribe-events-page-title { line-height: 45px; text-align: left; clear: none; margin: 0; } .tribe-bar-disabled { float: right; position: relative; z-index: 101; } .tribe-bar-disabled #tribe-events-bar { width: auto; min-width: 0; float: none; } .tribe-bar-disabled #tribe-bar-form { width: auto; border-radius: 3px; } .tribe-bar-disabled .tribe-bar-filters { float: left; } .tribe-bar-disabled .tribe-bar-filters .tribe-bar-date-filter { padding: 5px 10px; } .tribe-bar-disabled #tribe-bar-form label { font-size: 10px; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type="text"] { border: none; display: block; width: 85px; margin: 0; padding: 0; font-size: 13px; line-height: 15px; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views + .tribe-bar-filters { left: auto; right: 50%; width: 50%; } .tribe-bar-disabled .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-disabled .tribe-bar-date-filter { width: auto; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views { width: 50%; float: left; font-size: 16px; left: 50%; right: auto; padding: 0; } .tribe-bar-disabled .tribe-bar-views-inner { min-width: 100px; padding: 5px 0 25px 0; border-radius: 0 3px 3px 0; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-inner label{ padding: 0 10px; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list, .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option { margin: 0; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { padding: 4px 10px; margin: 0; } .tribe-bar-disabled #tribe-bar-views .select2-container .select2-choice { line-height: 18px; height: auto; font-size: 13px; } .tribe-bar-is-disabled .tribe-select2-results-views.select2-drop .select2-results li { padding: 0 10px; } .tribe-bar-disabled #tribe-bar-collapse-toggle, .tribe-bar-disabled .tribe-bar-submit { display: none; } /* Events Bar Icons */ .tribe-select2-results-views span[class^="tribe-icon-"], .tribe-bar-views-list span[class^="tribe-icon-"], .tribe-bar-view-list a[class*="tribe-icon-"] { padding-left: 24px; background-repeat: no-repeat; background-position: 0 50%; min-height: 16px; display: block; } .tribe-select2-results-views span[class^="tribe-icon-"] { min-height: 16px; display: inline-block; } /* Default icon */ .tribe-select2-results-views span[class^="tribe-icon-"], .tribe-bar-views-list span[class^="tribe-icon-"] { background-image: url(../images/events-bar/icon-month.png); -webkit-background-size: 15px 16px; background-size: 15px 16px; } .tribe-select2-results-views span.tribe-icon-list, .tribe-bar-views-list span.tribe-icon-list, .tribe-bar-view-list span[class^="tribe-icon-"] { background-image: url(../images/events-bar/icon-list.png); -webkit-background-size: 15px 10px; background-size: 15px 10px; } .tribe-bar-view-list a.tribe-icon-list, .tribe-bar-view-list a.tribe-icon-month { padding-left: 30px; background-position: 10px 50%; } .tribe-select2-results-views .tribe-icon-month, .tribe-bar-views-list span.tribe-icon-month, .tribe-bar-view-list a.tribe-icon-month { background-image: url(../images/events-bar/icon-month.png); -webkit-background-size: 15px 16px; background-size: 15px 16px; } .tribe-select2-results-views span.tribe-icon-week, .tribe-bar-views-list span.tribe-icon-week { background-image: url(../images/events-bar/icon-week.png); -webkit-background-size: 15px 16px; background-size: 15px 16px; } .tribe-select2-results-views span.tribe-icon-day, .tribe-bar-views-list span.tribe-icon-day { background-image: url(../images/events-bar/icon-day.png); -webkit-background-size: 15px 16px; background-size: 15px 16px; } .tribe-select2-results-views span.tribe-icon-photo, .tribe-bar-views-list span.tribe-icon-photo { background-image: url(../images/events-bar/icon-photo.png); -webkit-background-size: 15px 14px; background-size: 15px 14px; } .tribe-select2-results-views span.tribe-icon-map, .tribe-bar-views-list span.tribe-icon-map { background-image: url(../images/events-bar/icon-map.png); -webkit-background-size: 12px 16px; background-size: 12px 16px; background-position: 2px 50%; } /* ========================================================================== Theme Compatibility ========================================================================== */ /* Twenty Fourteen ========================================================================== */ .tribe-events-week.tribe-theme-twentyfourteen #masthead, .tribe-events-week.tribe-theme-parent-twentyfourteen #masthead { z-index: 1001; } .tribe-theme-twentyfourteen #tribe-events-pg-template #tribe-events, .tribe-theme-parent-twentyfourteen #tribe-events-pg-template #tribe-events { padding: 20px; } .tribe-theme-twentyfourteen #tribe-bar-views .tribe-bar-views-list, .tribe-theme-parent-twentyfourteen #tribe-bar-views .tribe-bar-views-list { z-index: 3; } @media screen and (min-width: 1000px) { .tribe-theme-twentyfourteen #tribe-events-pg-template, .tribe-theme-parent-twentyfourteen #tribe-events-pg-template { padding-left: 220px; } } /* Stop themes from hiding elements with the .updated CSS class */ #tribe-events-content .updated { display: inherit; } @media screen and (max-width: 400px) { .list-view.events-archive .site-content .type-page .entry-content { display: initial; } } /* Twenty Fifteen ========================================================================== */ .tribe-theme-twentyfifteen.events-single.tribe-events-page-template #tribe-events-pg-template { padding-top: 8.3333%; } .tribe-theme-twentyfifteen.events-single.tribe-events-page-template #tribe-events-content { padding: 8.3333% 10%; } .tribe-theme-twentyfifteen.single-tribe_events.page-template-page-php .tribe-events-single { box-shadow: none; margin-left: 0; margin-right: 0; margin-bottom: 0 !important; } .tribe-theme-twentyfifteen.tribe-events-week .tribe-events-grid .hentry { margin-left: 0; margin-right: 0; } .tribe-theme-twentyfifteen .tribe-events-list-widget .type-tribe_events { margin-left: 0; margin-right: 0; box-shadow: none; border-top: 1px solid rgba( 51, 51, 51, 0.1 ); } .tribe-theme-twentyfifteen .tribe-events-list-widget .entry-title { font-size: 22px; font-size: 2.2rem; line-height: 1.4545; } .tribe-theme-twentyfifteen.tribe-events-page-template #tribe-events-content-wrapper { padding: 3.333%; } .tribe-theme-twentyfifteen .tribe-events-list .type-tribe_events, .tribe-theme-twentyfifteen .tribe-events-list .type-tribe_events.tribe-events-first { padding: 8.333% 10%; } .tribe-theme-twentyfifteen .tribe-events-day-time-slot .type-tribe_events { margin-left: 0; /* Corrects some extra margin in the day view. */ } .tribe-theme-twentyfifteen .type-tribe_events a.more-link { display: none; /* Hides the occasionally-appearing duplicate More link from 2024 theme. */ } .tribe-theme-twentyfifteen .datepicker.dropdown-menu { max-width: 340px; } .tribe-theme-twentyfifteen .datepicker.dropdown-menu table, .tribe-theme-twentyfifteen .datepicker.dropdown-menu table.table-condensed { border-top-width: 0; border-left-width: 0; } .tribe-theme-twentyfifteen ul.tribe-bar-views-list li a { border-bottom: none; } .tribe-theme-twentyfifteen .tribe-events-calendar td a { border-bottom: none; } .tribe-theme-twentyfifteen .tribe-events-nav-previous a, .tribe-theme-twentyfifteen .tribe-events-nav-next a { border-bottom: none; } .tribe-theme-twentyfifteen.single-tribe_events .entry-footer, .tribe-theme-twentyfifteen.events-archive .entry-footer { display: none; } .tribe-theme-twentyfifteen .tribe-events-list .time-details, .tribe-theme-twentyfifteen .tribe-events-list .tribe-events-venue-details { line-height: 1.6; } /* = Events Retina =============================================*/ @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .tribe-events-tooltip .tribe-events-arrow { background-image: url(../images/tribe-tooltips@2x.png); } #tribe-bar-filters .tribe-bar-button-search .tribe-bar-btn-small { background-image: url(../images/events-bar/icon-search@2x.png); } #tribe-events-bar .tribe-bar-button-settings span { background-image: url(../images/events-bar/icon-gear@2x.png); } #tribe-events-bar [class^="tribe-bar-button-"]:after { background-image: url(../vendor/select2/select2x2.png); } /* Default icon */ .tribe-select2-results-views span[class^="tribe-icon-"], .tribe-bar-views-list span[class^="tribe-icon-"], .tribe-bar-view-list a[class^="tribe-icon-"] { background-image: url(../images/events-bar/icon-month@2x.png); } .tribe-select2-results-views span.tribe-icon-list, .tribe-bar-views-list span.tribe-icon-list, .tribe-bar-view-list span[class^="tribe-icon-"] { background-image: url(../images/events-bar/icon-list@2x.png); } .tribe-select2-results-views span.tribe-icon-month, .tribe-bar-views-list span.tribe-icon-month, .tribe-bar-view-list a.tribe-icon-month { background-image: url(../images/events-bar/icon-month@2x.png); } .tribe-select2-results-views span.tribe-icon-week, .tribe-bar-views-list span.tribe-icon-week { background-image: url(../images/events-bar/icon-week@2x.png); } .tribe-select2-results-views span.tribe-icon-day, .tribe-bar-views-list span.tribe-icon-day { background-image: url(../images/events-bar/icon-day@2x.png); } .tribe-select2-results-views span.tribe-icon-photo, .tribe-bar-views-list span.tribe-icon-photo { background-image: url(../images/events-bar/icon-photo@2x.png); } .tribe-select2-results-views span.tribe-icon-map, .tribe-bar-views-list span.tribe-icon-map { background-image: url(../images/events-bar/icon-map@2x.png); } }