/*! purgecss start ignore */
/*! purgecss end ignore */
.view-kalendar {
  padding: 1.5rem;
  border-radius: 2.5rem;
  background-color: #fff;
  box-shadow: 0 0 3.4375rem 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .view-kalendar {
    padding: 2.5rem;
  }
}
.view-kalendar .view-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.view-kalendar .view-footer a {
  display: block;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 1.5rem;
}
.view-kalendar .view-footer .link-to-ical-documentation {
  display: block;
  width: 100%;
  color: #282a2a;
  text-decoration: underline;
}
.view-kalendar .view-title {
  font-weight: 600;
  font-family: "Work Sans", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .view-kalendar .view-title {
    font-size: 1.375rem;
  }
}
.view-kalendar .view-filters form * {
  margin-bottom: 0 !important;
}
.view-kalendar .view-filters form,
.view-kalendar .view-filters form .js-form-item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  width: auto;
}
@media (min-width: 992px) {
  .view-kalendar .view-filters form,
  .view-kalendar .view-filters form .js-form-item {
    flex-direction: row;
  }
}
.view-kalendar .view-filters form .children-container {
  width: 25.75rem;
  max-width: 100%;
}
.view-kalendar .view-filters form .select2-form-element {
  max-width: 100%;
}
.view-kalendar .view-filters .form-submit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: calc(48px + 0.5rem);
  background-image: url('data:image/svg+xml,%3csvg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e %3cpath d="M17.6527 15.0943H16.5686L16.1844 14.7238C17.5292 13.1595 18.3388 11.1286 18.3388 8.91938C18.3388 3.99314 14.3456 0 9.41938 0C4.49314 0 0.5 3.99314 0.5 8.91938C0.5 13.8456 4.49314 17.8388 9.41938 17.8388C11.6286 17.8388 13.6595 17.0292 15.2238 15.6844L15.5943 16.0686V17.1527L22.4554 24L24.5 21.9554L17.6527 15.0943ZM9.41938 15.0943C6.00257 15.0943 3.24443 12.3362 3.24443 8.91938C3.24443 5.50257 6.00257 2.74443 9.41938 2.74443C12.8362 2.74443 15.5943 5.50257 15.5943 8.91938C15.5943 12.3362 12.8362 15.0943 9.41938 15.0943Z" fill="%23C8E6C8"/%3e %3c/svg%3e');
  background-position: 24px center;
  background-repeat: no-repeat;
}

ul.calendar-view-pager {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767.98px) {
  ul.calendar-view-pager .pager__previous a,
  ul.calendar-view-pager .pager__next a {
    padding: 0;
    color: tranparent;
    font-size: 0;
    line-height: 0;
    transition: background-color 0.2s ease-in-out;
  }
}
ul.calendar-view-pager,
ul.calendar-view-pager li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
ul.calendar-view-pager .mb-3 {
  margin-bottom: 0 !important;
}
ul.calendar-view-pager .calendar-view-pager__reset a,
ul.calendar-view-pager .pager__item > * {
  font-size: 1rem;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  ul.calendar-view-pager .calendar-view-pager__reset a,
  ul.calendar-view-pager .pager__item > * {
    font-size: 1.125rem;
  }
}
ul.calendar-view-pager .pager__item a {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  text-decoration: underline;
}
ul.calendar-view-pager .pager__item a:focus svg, ul.calendar-view-pager .pager__item a:hover svg {
  background-color: #367c36;
}
ul.calendar-view-pager .pager__item a:focus svg, ul.calendar-view-pager .pager__item a:focus-visible svg {
  box-shadow: rgba(112, 190, 112, 0.5) 0 0 0 4px;
  outline-color: #367c36;
}
ul.calendar-view-pager svg {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.5rem;
  border-radius: 50%;
  background-color: #4cae4c;
  transition: background-color 0.2s ease-in-out;
}
ul.calendar-view-pager .pager__previous a {
  justify-content: flex-start;
}
ul.calendar-view-pager .pager__previous svg {
  margin-right: 0.5rem;
}
ul.calendar-view-pager .pager__next a {
  justify-content: flex-end;
}
ul.calendar-view-pager .pager__next a svg {
  margin-left: 0.5rem;
}

html .calendar-view-table {
  border-collapse: collapse;
}
@media (max-width: 48rem) {
  html .calendar-view-table thead,
  html .calendar-view-table .next-month,
  html .calendar-view-table .previous-month {
    display: block;
  }
}
html .calendar-view-table caption {
  display: none;
}
@media (min-width: 768px) {
  html .calendar-view-table thead .mobile {
    display: none;
  }
}
@media (max-width: 767.98px) {
  html .calendar-view-table thead .desktop {
    display: none;
  }
}
html .calendar-view-table tr,
html .calendar-view-table thead,
html .calendar-view-table tbody {
  grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
  gap: 0.25rem;
}
@media (max-width: 48rem) {
  html .calendar-view-table tr {
    grid-column: 1/-1;
  }
}
html .calendar-view-table tbody {
  margin-top: 0.25rem;
}
html .calendar-view-table th,
html .calendar-view-table td {
  border-radius: 0.25rem;
}
@media (max-width: 48rem) {
  html .calendar-view-table th,
  html .calendar-view-table td {
    min-width: calc(100% / var(--calendar-view-columns));
  }
}
html .calendar-view-table td.previous-month, html .calendar-view-table td.next-month {
  background-color: #fff;
  border: 0.125rem solid #70be70;
}
html .calendar-view-table td.previous-month.empty, html .calendar-view-table td.next-month.empty {
  border: 0.0625rem solid #cecfcf;
}
html .calendar-view-table td.previous-month .calendar-view-day__number, html .calendar-view-table td.next-month .calendar-view-day__number {
  background-color: transparent !important;
  color: #b6b7b8;
  /* font-weight: $font-weight-bold; */
}
html .calendar-view-table .calendar-view-day__number {
  font-size: 0.875rem;
  align-self: center;
  padding: 0.15rem 0.15rem;
  pointer-events: none;
}
@media (min-width: 768px) {
  html .calendar-view-table .calendar-view-day__number {
    align-self: flex-end;
    padding: 0;
    text-align: right;
  }
}
html .calendar-view-table .field--name-field-obrazok img {
  width: 1rem;
  height: auto;
}
@media (min-width: 768px) {
  html .calendar-view-table .field--name-field-obrazok img {
    width: 1.5rem;
  }
}
html .calendar-view-table td.is-holiday.current-month,
html .calendar-view-table td.sunday.current-month {
  background-color: #efeff0;
}
html .calendar-view-table td.is-holiday.current-month .calendar-view-day__number,
html .calendar-view-table td.sunday.current-month .calendar-view-day__number {
  color: #e82011;
  font-weight: 700;
}
html .calendar-view-table td {
  min-height: 4.375rem;
}
@media (min-width: 768px) {
  html .calendar-view-table td {
    min-height: 5rem;
  }
}
html .calendar-view-table td.current-month {
  border: 0.125rem solid #70be70;
}
html .calendar-view-table td.current-month .calendar-view-day__number {
  background-color: transparent;
  color: #282a2a;
  font-weight: 400;
}
html .calendar-view-table td.current-month.empty {
  padding: 0.0625rem;
  border: 0.0625rem solid #cecfcf;
}
html .calendar-view-table th {
  font-size: 0.8125rem;
  background-color: #ffd012;
  color: #282a2a;
  font-weight: 400;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  html .calendar-view-table th {
    font-size: 0.9375rem;
  }
}
html .calendar-view-table .calendar-view-day__rows {
  flex-direction: column;
  gap: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 768px) {
  html .calendar-view-table .calendar-view-day__rows {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    margin-top: auto;
  }
}
html .calendar-view-table .calendar-view-day__rows > * {
  flex: unset;
}
html .calendar-view-table .calendar-view-day__row {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.05rem;
  border: none;
  background-color: transparent;
}
html .calendar-view-table .calendar-view-day__row * {
  margin: 0.05rem 0;
}
html .calendar-view-table .calendar-view-day {
  padding: 0.375rem;
}
html .calendar-view-table td,
html .calendar-view-table th {
  padding: 0;
}

/*# sourceMappingURL=view-kalendar-calendar-month.css.map*/