/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/

/**
 * @file
 */

/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/

/* Internal variables */

/*1px */

/*16px */

/*4px */

/*5.33333333px */

/*8px */

/*12px */

/*20px */

/*24px, */

/*32px */

/*44px (named after omicron variant BS.2.75.2) */

/*48px */

/*desktop + 32px; */

/*max-width + 64px; */

/* RGB colors, useful for when you need to include a color in an RGBA set. */

/* Mixins */

/* */

/* Hide elements visually, but keep them available for screen-readers. */

/* */

/* Used for information required for screen-reader users to understand and use */

/* the site where visual display is undesirable. Information provided in this */

/* manner should be kept concise, to avoid unnecessary burden on the user. */

/* "!important" is used to prevent unintentional overrides. */

/* */

.fc-unthemed .fc-event {
  border-color: transparent!important;
}

.fc-unthemed .fc-event {
  border-width: 0;
  padding-right: 0;
}

.fc-unthemed a .fc-content {
  background-color: var(--c-link);
  border-radius: 0 3px 3px 0;
  margin-left: 5px;
  border-left: 1px solid white;
}

.fc-button {
  border-radius: var(--base-border-radius);
  font-family: var(--sans-serif);
}

.fc-button-primary:disabled, .fc-button-primary:disabled:hover {
    background-color: var(--c-gray);
    border-color: var(--c-gray);
  }

.fc-button-group .fc-prev-button {
    border-right: 1px solid rgb(86, 95, 176);
  }

.fc-button-group .fc-next-button {
    border-left: 1px solid rgb(42, 51, 133);
  }

.fc-day-header {
  font-weight: 600;
}

.fc-day-top.fc-other-month {
  color: var(--c-gray);
}

.fc-day-grid-event .fc-time {
  font-family: var(--sans-serif);
  font-weight: 500;
}

.fc-dayGridMonth-view .fc-content {
  padding: 2px var(--quarter-space) 1px ;
}

.fc-event {
  border: 0;
}

@media (min-width: 391px) {

.calendar-list .event-list__date {
      flex-wrap: wrap;
      display: flex
  }
    }

.calendar-list .event-list__date--left, .calendar-list .event-list__date--right {
      font-family: var(--sans-serif);
      font-size: var(--fs-small);
      line-height: var(--lh-small);
      text-transform: uppercase;
      flex-basis: 40%;
    }

@media (min-width: 391px) {

.calendar-list .event-list__date--right {
        text-align: right
    }
      }

.calendar-list .views-group h3 {
      border-bottom: none;
      margin-top: 0;
    }

@media (max-width: 567px) {

.calendar-list .views-group h3 {
        margin-bottom: var(--half-space);
        padding-top: 0;
        margin-top: 0
    }
      }

.calendar-list .views-group h3:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background-image: url("../../images/dotted.png");
  background-repeat: repeat-x;
        flex-basis: 100%;
      }

.calendar-list .views-group .views-row.event__featured-host {
             grid-template-areas: "time time" "category title";
         -ms-grid-columns: auto 1fr;
         grid-template-columns: auto 1fr;
       }

.calendar-list .views-group .views-row {
      display: -ms-grid;
      display: grid;
          grid-template-areas: "time" "title";
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      grid-gap: var(--half-space);
}

.calendar-list .views-group .views-row .views-field-field-daterange {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        font-weight: bold;
        grid-area: time;
      }

.calendar-list .views-group .views-row .event-category {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: category;
        margin-top: 5px;
      }

@media (min-width: 569px) {

.calendar-list .views-group .views-row .event-category {
          margin-top: 10px
      }
        }

.calendar-list .views-group .views-row .views-field-title {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        grid-area: title;
      }

@media (min-width: 569px) {

.calendar-list .views-group .views-row {
        display: flex
    }
        .calendar-list .views-group .views-row .views-field-field-daterange {
          order: 1;
        }
        .calendar-list .views-group .views-row .views-field-title {
          order: 3;
        }
        .calendar-list .views-group .views-row .event-category {
          order: 2;
        }
        .calendar-list .views-group .views-row .views-field-views-conditional-field-1 {
          order: 12;
        }
      }

.calendar-list .views-row--date-list.views-row .views-field-field-daterange {
    font-family: var(--sans-serif);
    font-weight: 500;
  }

@media (min-width: 569px) {

.calendar-list .views-row--date-list.views-row .views-field-field-daterange {
      min-width: 12em
  }
    }

.views-row--date-list .block__title + .views-field-field-location-locality {
    margin-top: calc(var(--half-space)*-1);
    font-family: var(--sans-serif);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
  }

.calendar-table .view-content {
    overflow: inherit;
  }
