@charset "UTF-8";
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Badge ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Badge ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
.related-events {
  -webkit-transition: max-height 0.8s ease-in;
  -moz-transition: max-height 0.8s ease-in;
  transition: max-height 0.8s ease-in;
  overflow: hidden;
  background: #F8F8FA;
  max-height: 0;
  clear: both;
  display: block; }
  .related-events.show {
    padding-bottom: 20px;
    max-height: 500px; }

.related-events-title {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase; }
  @media only screen and (max-width: 799px) {
    .related-events-title {
      font-size: 15px;
      line-height: 22px; } }
  @media only screen and (max-width: 479px) {
    .related-events-title {
      text-align: center; } }
  .related-events-title .feedback-link {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 12px;
    text-transform: none; }
    @media only screen and (max-width: 799px) {
      .related-events-title .feedback-link {
        display: none; } }

.scroll-wrapper {
  width: 100%;
  overflow: hidden; }

.scroll-control {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 1000; }
  .scroll-control .ico-arrow-left,
  .scroll-control .ico-arrow-right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    color: #45494E;
    zoom: 1; }
  .event-list:hover .scroll-control .ico-arrow-left,
  .event-list:hover .scroll-control .ico-arrow-right {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60); }
  .scroll-control.scroll-control-left {
    left: 0; }
  .scroll-control.scroll-control-right {
    right: 0; }

.touch-device .scroll-wrapper {
  overflow-x: scroll; }

.touch-device .scroll-control {
  display: none; }

.event-list {
  position: relative; }

.scroll-item {
  width: 320px;
  margin-left: 10px;
  float: left; }
  .scroll-item:first-child {
    margin-left: 0; }
  @media only screen and (max-width: 799px) {
    .scroll-item {
      width: 160px; }
      .scroll-item .poster-card__header .poster-card__label,
      .scroll-item .poster-card__date .event-time,
      .scroll-item .poster-card__footer .poster-card__actions .share-action,
      .scroll-item .poster-card__footer .poster-card__tags .event-format {
        display: none; }
      .scroll-item .poster-card__footer {
        padding-right: 40px; } }
  .scroll-item.scroll-item--force-small {
    width: 160px; }
    .scroll-item.scroll-item--force-small .poster-card__header .poster-card__label,
    .scroll-item.scroll-item--force-small .poster-card__date .event-time,
    .scroll-item.scroll-item--force-small .poster-card__footer .poster-card__actions .share-action,
    .scroll-item.scroll-item--force-small .poster-card__footer .poster-card__tags .event-format {
      display: none; }
    .scroll-item.scroll-item--force-small .poster-card__footer {
      padding-right: 40px; }

.feedback-modal .responsive-form .has-form-input-error {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 3px 3px 0 0; }

.feedback-modal .responsive-form .responsive-form__field-error {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #ff0044;
  color: white;
  color: white;
  padding: 3px 11px;
  border-radius: 0 0 3px 3px;
  margin-top: 0; }
  .feedback-modal .responsive-form .responsive-form__field-error.is-message-hidden {
    color: rgba(255, 255, 255, 0);
    margin-top: -21px; }

.advanced-team-navigation a:hover {
  text-decoration: none; }

.advanced-team-navigation .advanced-team-landing {
  margin: 0 -15px; }
  .advanced-team-navigation .advanced-team-landing a {
    display: block; }
  .advanced-team-navigation .advanced-team-landing .pod:hover {
    background-color: #F8F8FA; }
  .advanced-team-navigation .advanced-team-landing .ico-omnes-arrow-right {
    line-height: 36px; }
  .advanced-team-navigation .advanced-team-landing .advanced-team-landing__primary-text {
    line-height: 36px; }

.ui-autocomplete {
  padding-left: 0; }

.ico--xxlarge {
  font-size: 72px; }

.form .form__row--label-column,
.form .form__footer {
  padding-left: 105px; }

.form .form__input--hidden_submit {
  visibility: hidden;
  text-indent: -9999px; }

.form__select select {
  z-index: 3003; }

.js-create-content .notification {
  min-height: auto; }

.js-create-content a.btn {
  color: white; }

.js-create-content a.btn.btn--disabled {
  color: #D2D6DF; }

.layout-padded--lightbox-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 0;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -15px;
  background-color: #EFF2F5;
  text-align: center; }

.notification-ended {
  margin-top: 0;
  width: 100%;
  padding: 3px 0 6px;
  text-align: center;
  background: #30a1a6;
  color: white; }