@charset "UTF-8";
/**
 * @file
 * "Calendar Main" view.
*/
:root {
  --kwall-color-white: #FFFFFF;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.5rem;
  --bs-body-color: #231F20;
  --bs-body-bg: #FEFDFA;
}

[data-kwall-colors=custom] {
  --kwall-color-primary-1: var(--kwall-color-primary-1);
  --kwall-color-primary-2: var(--kwall-color-primary-2);
  --kwall-color-primary-3: var(--kwall-color-primary-3);
  --kwall-color-secondary-1: var(--kwall-color-secondary-1);
  --kwall-color-secondary-2: var(--kwall-color-secondary-2);
  --kwall-color-secondary-3: var(--kwall-color-secondary-3);
  --kwall-color-secondary-4: var(--kwall-color-secondary-4);
  --kwall-color-secondary-5: var(--kwall-color-secondary-5);
  --kwall-color-secondary-6: var(--kwall-color-secondary-6);
  --kwall-color-secondary-7: var(--kwall-color-secondary-7);
  --kwall-color-neutral-1: var(--kwall-color-neutral-1);
  --kwall-color-neutral-2: var(--kwall-color-neutral-2);
  --kwall-color-neutral-3: var(--kwall-color-neutral-3);
  --kwall-color-neutral-4: var(--kwall-color-neutral-4);
}

[data-kwall-fonts=custom] {
  --kwall-font-main: var( --kwall-font-main);
  --kwall-font-heading: var( --kwall-font-heading);
  --kwall-font-accent: var( --kwall-font-accent);
}

.page-view-calendar-main-page .ajax-progress {
  display: none;
}
.page-view-calendar-main-page .views-exposed-form.filtered-listing-events {
  display: none;
}
@media (min-width: 768px) {
  .page-view-calendar-main-page .views-exposed-form.filtered-listing-events {
    display: block;
  }
}

/**
.calendar-filter-links {
  width: 100%;
  margin-bottom: 4rem;
  @media (min-width: $bs-breakpoint-lg) {
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    align-items: center;
  }

  .range-toggle {
    margin-bottom: 1rem;
    @media (min-width: $bs-breakpoint-lg) {
      margin-bottom: 0;
    }

    .btn-group {
      gap: .7rem;

      a {
        padding: .7rem 1rem;
        color: var(--kwall-color-neutral-2);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;

        &.active {
          color: var(--kwall-color-primary-1);
          font-weight: 700;
          border-bottom: .1rem solid var(--kwall-color-primary-1);
        }

        &:hover,
        &:focus,
        &:active {
          border-bottom: .1rem solid var(--kwall-color-primary-1);
          padding-bottom: .6rem;

          &.active {
            padding-bottom: .7rem;
          }
        }

        &:focus,
        &:focus-visible {
          outline: .1rem auto var(--kwall-color-primary-3);
          outline-offset: .3125rem;
        }
      }
    }
  }

  .date-heading-custom {
    flex: 1 1;

    @media (min-width: $bs-breakpoint-lg) {
      text-align: center;
    }

    h3 {
      color: #404A5A;
      font-family: var(--kwall-font-heading);
      font-size: 1.875rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.21875rem;
      border-bottom: .1rem solid var(--kwall-color-neutral-3);
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      @media (min-width: $bs-breakpoint-lg) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
      }
    }
  }

  .prev-next {
    .btn-group {
      gap: 1rem;
      align-items: center;
      color: #767676;
      font-size: 1rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase;

      a {

      }
    }
  }
}
*/
.calendar-tools {
  --calendar-tools-main-color: #404A5A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}
.calendar-tools .links-wrapper {
  display: block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .calendar-tools .links-wrapper {
    display: none;
  }
}
.calendar-tools .links-wrapper .link-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 1rem;
  color: var(--calendar-tools-main-color);
  padding-bottom: 0.4rem;
  border-bottom: 0.2rem solid var(--kwall-color-primary-1);
}
.calendar-tools .links-wrapper .link-dropdown:after {
  content: "▼";
  margin-left: 0.5rem;
}
.calendar-tools .links-wrapper .links {
  display: none;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  border: none;
  border-radius: 0;
  background: white;
  outline: 0.1rem solid var(--kwall-color-primary-1);
  z-index: 5;
}
.calendar-tools .links-wrapper .links a {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  color: #616C75;
  text-decoration: none;
  padding: 0;
}
.calendar-tools .links-wrapper .links a:not(:last-child) {
  margin-bottom: 0.5rem;
}
.calendar-tools .links-wrapper .links a.active {
  color: #002045;
  text-decoration: underline;
}
.calendar-tools .links-wrapper.dropdown-open .link-dropdown:after {
  content: "▲";
}
.calendar-tools .links-wrapper.dropdown-open .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 100%;
  left: 0;
}
.calendar-tools .title {
  margin-bottom: 0 !important;
}
.calendar-tools .title .h3 {
  color: var(--calendar-tools-main-color);
  font-family: var(--kwall-font-heading);
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.21875rem;
  margin-bottom: 0 !important;
}
.calendar-tools .prev-date,
.calendar-tools .next-date {
  width: 1rem;
  height: 100%;
}
.calendar-tools .prev-date:hover,
.calendar-tools .next-date:hover {
  cursor: pointer;
}
.calendar-tools .prev-date {
  margin-right: auto;
}
.calendar-tools .prev-date:before {
  display: none;
  content: "\f053";
  font: var(--fa-font-solid);
}
.calendar-tools .next-date {
  margin-left: auto;
}
.calendar-tools .next-date:before {
  display: none;
  content: "\f054";
  font: var(--fa-font-solid);
}

.view.view-calendar-main-page .group-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin: 3.125rem 0;
}
.view.view-calendar-main-page .group-title-wrapper:first-child {
  margin-top: 0;
}
.view.view-calendar-main-page .group-title-wrapper .group-title {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
  color: var(--kwall-color-primary-1);
  margin: 0;
  letter-spacing: initial;
}
.view.view-calendar-main-page .group-title-wrapper:after {
  content: "";
  display: block;
  height: 0.125rem;
  background: var(--kwall-color-neutral-3);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.view.view-calendar-main-page .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 3.125rem;
}
@media (min-width: 992px) {
  .view.view-calendar-main-page .views-row {
    margin-bottom: 5rem;
  }
}
.view.view-calendar-main-page .date-wrapper {
  height: 5.5rem;
}
.view.view-calendar-main-page .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.view.view-calendar-main-page .calendar-icons {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.25rem;
}
.view.view-calendar-main-page .time {
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.view.view-calendar-main-page .title {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.25rem;
}
.view.view-calendar-main-page .title a {
  color: var(--kwall-color-neutral-1);
  text-decoration: none;
}
.view.view-calendar-main-page .title a:hover, .view.view-calendar-main-page .title a:active, .view.view-calendar-main-page .title a:focus {
  text-decoration: underline;
  text-underline-position: under;
}

.filter-search-block.filtered-listing-events .form-item label, .filter-search-block.filtered-listing-events .form-item legend {
  all: unset;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: normal 700 0.875rem var(--kwall-font-main);
  text-transform: uppercase;
  color: var(--kwall-color-primary-1);
  margin-bottom: 0.5rem;
}
.filter-search-block.filtered-listing-events input.form-control::-webkit-input-placeholder {
  font-weight: 300;
}
.filter-search-block.filtered-listing-events input.form-control::-moz-placeholder {
  font-weight: 300;
}
.filter-search-block.filtered-listing-events input.form-control:-ms-input-placeholder {
  font-weight: 300;
}
.filter-search-block.filtered-listing-events input.form-control::-ms-input-placeholder {
  font-weight: 300;
}
.filter-search-block.filtered-listing-events input.form-control::placeholder {
  font-weight: 300;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search {
  width: 100%;
  margin-right: 0 !important;
  margin-bottom: 1rem;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search input.form-control {
  min-width: initial;
  width: calc(100% - 1.5rem);
  float: left;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search .exposed-filter-search-trigger {
  all: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 3.1rem;
  padding-top: 0;
  padding-right: 0;
  border-bottom: 0.125rem solid var(--kwall-color-primary-1);
  border-radius: 0;
  margin-left: auto;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search .exposed-filter-search-trigger:hover {
  cursor: pointer;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search .exposed-filter-search-trigger:focus svg {
  outline: 0.5rem auto var(--kwall-color-primary-2);
  outline-offset: 0.5rem;
  border-radius: 50%;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search .exposed-filter-search-trigger svg {
  color: var(--kwall-color-primary-1);
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.2rem;
}
.filter-search-block.filtered-listing-events .event-search-block-form .form-item-search:after {
  content: none;
}
.filter-search-block.filtered-listing-events .event-calendar {
  position: relative;
}
.filter-search-block.filtered-listing-events .event-calendar .view-mini-calendar {
  margin-bottom: 0;
}
.filter-search-block.filtered-listing-events .event-calendar .view-header {
  background-color: transparent;
}
.filter-search-block.filtered-listing-events .event-calendar .view-header .calendar-tools {
  color: var(--kwall-color-neutral-1);
  font-size: var(--bs-body-font-size);
  margin-bottom: 1rem;
}
.filter-search-block.filtered-listing-events .event-calendar .view-header .calendar-tools a {
  color: var(--kwall-color-primary-1);
  text-decoration: none;
}
.filter-search-block.filtered-listing-events .event-calendar .view-header .pager {
  background-color: var(--kwall-color-primary-1);
}
.filter-search-block.filtered-listing-events .view-content .month-view table {
  border-collapse: initial;
}
.filter-search-block.filtered-listing-events .view-content .month-view th, .filter-search-block.filtered-listing-events .view-content .month-view td {
  padding: 0.1rem !important;
}
@media (min-width: 992px) {
  .filter-search-block.filtered-listing-events .view-content .month-view th, .filter-search-block.filtered-listing-events .view-content .month-view td {
    padding: 0.2rem !important;
  }
}
@media (min-width: 1200px) {
  .filter-search-block.filtered-listing-events .view-content .month-view th, .filter-search-block.filtered-listing-events .view-content .month-view td {
    padding: 0.5rem !important;
  }
}
.filter-search-block.filtered-listing-events .view-content .month-view td.has-events:hover, .filter-search-block.filtered-listing-events .view-content .month-view td.has-events:focus, .filter-search-block.filtered-listing-events .view-content .month-view td.has-events:active {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.filter-search-block.filtered-listing-events .view-content .month-view td.has-events.today {
  text-decoration-color: var(--kwall-color-white);
}
.filter-search-block.filtered-listing-events .view-content .month-view td.selected {
  border: 0.2rem solid var(--kwall-color-primary-1);
}
.filter-search-block.filtered-listing-events .topic-wrapper {
  margin-top: 1rem;
  width: 100%;
}
.filter-search-block.filtered-listing-events .topic-wrapper fieldset {
  margin: 0 !important;
}
.filter-search-block.filtered-listing-events .topic-wrapper .form-item {
  display: block;
  width: 100%;
  margin: 0.4rem 0;
}
.filter-search-block.filtered-listing-events .topic-wrapper .form-item input {
  margin: 0.25rem 0.5rem 0 0;
  border: 0.15rem solid var(--kwall-color-primary-1);
}
.filter-search-block.filtered-listing-events .topic-wrapper .form-item input:checked {
  background-color: var(--kwall-color-primary-1);
}
.filter-search-block.filtered-listing-events .topic-wrapper .form-item label {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--bs-body-color);
}
.filter-search-block.filtered-listing-events .form-actions {
  margin: 0;
}
/*# sourceMappingURL=../sourcemaps/view--calendar-main-page.css.map */