/* Small additions on top of the Graphene theme and Time.ly stylesheets for the
   static calendar. Everything else is the original CSS, untouched. */

/* Month picker: the title button opens a list of published months. */
.timely .ai1ec-month-picker > .ai1ec-btn { text-transform: uppercase; }
.timely .ai1ec-month-picker .ai1ec-dropdown-menu > div > a,
.timely .ai1ec-views-dropdown .ai1ec-dropdown-menu > div > a {
  display: block; padding: 3px 20px; clear: both; white-space: nowrap; color: #333; text-decoration: none;
}
.timely .ai1ec-month-picker .ai1ec-dropdown-menu > div > a:hover { background-color: #f5f5f5; color: #262626; }
.timely .ai1ec-month-picker .ai1ec-dropdown-menu > .ai1ec-active > a,
.timely .ai1ec-month-picker .ai1ec-dropdown-menu > .ai1ec-active > a:hover { background-color: #507295; color: #fff; }

/* Masonry tiles are positioned by site.js; the plugin's fixed width is only a fallback. */
.ai1ec-posterboard-view .ai1ec-event { margin: 0 !important; }
.ai1ec-no-results { padding: 1em 0; }

/* Day reached from a posterboard date block. */
.ai1ec-agenda-view .ai1ec-date.grjs-highlight .ai1ec-date-title { box-shadow: 0 0 0 2px #507295; }

/* Search results page */
.grjs-search-results .grjs-result { margin: 0 0 1.4em; }
.grjs-search-results .grjs-result h2 { font-size: 20px; margin: 0 0 .2em; }
.grjs-search-results .grjs-result .grjs-date { font-weight: bold; font-size: 13px; color: #555; }

/* Parking page map (Leaflet + OpenStreetMap) */
.grjs-map { width: 100%; height: 440px; border: 1px solid #ccc; margin: 0 0 1.5em; z-index: 0; }
.grjs-map .grjs-pin { background: none; border: 0; }
.grjs-map .grjs-pin svg { display: block; filter: drop-shadow(0 1px 1px rgba(0,0,0,.45)); }
.grjs-map .leaflet-popup-content { font-size: 13px; line-height: 1.4; }
.grjs-map-legend { font-size: 13px; }
.grjs-legend-pin { display: inline-block; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.35); vertical-align: -1px; margin-right: 3px; }
.grjs-legend-red { background: #d2232a; }
.grjs-legend-green { background: #2e9e44; }
@media (max-width: 767px) { .grjs-map { height: 340px; } }

/* Social links: moved from the purple top bar (now intentionally empty) to the footer's right side. */
#top-bar { min-height: 48px; }
#footer .grjs-footer-social { float: right; list-style: none; margin: 0 15px 0 0; padding: 0; }  /* 15px matches the copyright text inset */
#footer .grjs-footer-social li { display: inline-block; margin-left: 14px; }
#footer .grjs-footer-social a { color: rgba(255, 255, 255, 0.7); display: inline-block; line-height: 0; }
#footer .grjs-footer-social a:hover, #footer .grjs-footer-social a:focus { color: #fff; }
#footer .grjs-footer-social svg { width: 24px; height: 24px; }

/* Phones: a photo or logo floated beside text leaves only a sliver of text
   next to it (e.g. the About photo, Sponsors and Partners logos), so show it
   centred on its own line instead. */
@media (max-width: 480px) {
  .entry-content .wp-caption.alignright,
  .entry-content .wp-caption.alignleft { float: none; margin: 1em auto; max-width: 100%; }
  .entry-content .wp-caption img { width: 100%; height: auto; }
  .entry-content img.alignright,
  .entry-content img.alignleft { float: none; display: block; margin: 0.5em auto 0.75em; max-width: 100%; height: auto; }
}

/* Phones and tablets: when the sidebar drops below the page content, give it
   room so its first box doesn't read as part of the last paragraph. */
@media (max-width: 991px) {
  #sidebar1 { margin-top: 2em; }
}

/* Tickets button after sales close (build.py tickets_close_after_days): grey, not a link. */
.timely .ai1ec-btn.grjs-tickets-closed,
.timely .ai1ec-btn.grjs-tickets-closed:hover,
.timely .ai1ec-btn.grjs-tickets-closed:focus {
  background: #b3b3b3; border-color: #a3a3a3; color: #fff;
  background-image: none; box-shadow: none; cursor: default; pointer-events: none;
}