
/* event */

.event-view-full .node-overview { margin: 0; }
.event-view-full .node-overview__item { display: flex; flex-direction: row; padding: 0.85rem 0; border-bottom: 1px solid #f0f0f0; gap: 0.4rem; }
.event-view-full .node-overview__item:last-child { border-bottom: 0; padding-bottom: 0; }
.event-view-full .node-overview dt { margin: 0; padding: 0; width: 210px; color: #8a8c8c; }
.event-view-full .node-overview dd { margin: 0; padding: 0; width: 100%; font-weight: bold; }

.event-view-full .node-booking-cta { display: none; }
.event-view-full .node-booking-panel { background: #ffdf8a; border-radius: 5px; padding: 1.6rem; }
.event-view-full .node-booking-panel .event-booking-closed .captcha { 
  display: none !important; 
  margin: 0 !important; 
  padding: 0 !important; 
  height: 0 !important; 
}


@media
only screen and (max-width:640px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (                min-resolution: 192dpi) and (max-width: 640px),
only screen and (                min-resolution: 2dppx)  and (max-width: 640px) {
  /* Middle size and small screen, retina, stuff to override above media query */
  
  .event-view-full .node-booking-cta { position: fixed; z-index: 4900; bottom: 0; left: 0; display: block; padding: 1rem; width: 100%; background: #fff; }
  .event-view-full .node-booking-cta__button { display: block; width: 100%; font-size: 122%; }
  .event-view-full .node-booking-cta__hidden { display: none !important; }
  .event-view-full .node-booking-panel { margin-left: 1rem; margin-right: 1rem; }
  
}
