/*
* BUTTONS
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #007cf3;
  --color-green: #0d8600;
  --color-primary: #222222;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #0088ff;
  --color-gray1: #efefef;
  --color-gray2: #e0e0e0;
  --color-gray3: #aaa;
  --color-gray4: #999;
  --color-gray5: #858585;
  --color-gray6: #424242;
  --color-gray7: #333;
  --color-gray8: #191919;
  --color-gray-transparent-1: rgba(0, 0, 0, 0.65);
  --color-gray-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: #ccc;
  --color-slightly-darker-gray: #666;
  --color-dark-gray: #333;
  --color-darker-gray: #181818;
  --color-horizontal-rule-gray: var(--color-gray3);
  --color-product-number-gray: var(--color-gray3);
  --color-horizontal-border-gray: var(--color-gray4);
  --color-menu-link: var(--color-gray6);
  --color-close-menu-bg: var(--color-gray2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-gray3);
  --skin-background-color-1: #fff;
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #f1f1f1;
  --skin-banner-background-color-2: #f1f1f1;
  --skin-banner-text-color-1: #333;
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-primary);
  --skin-price-1: var(--color-gray7);
  --skin-body-font: $primary-font; }

.page {
  background: white; }

.calendar-container {
  width: 95%;
  margin: 25px auto;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .calendar-container {
      width: 80%; } }

.fc .fc-daygrid-event-harness {
  padding: 5px 10px; }

.fc .fc-daygrid-event {
  padding: 5px 10px;
  display: block;
  white-space: normal; }

.fc .fc-daygrid-dot-event:hover {
  background: white;
  outline: 2px solid black; }

.fc .fc-day-past,
.fc .fc-day-future,
.fc .fc-day-today {
  background-color: #efefef !important; }

.fc .fc-day.fc-day-disabled {
  background: #e6e6e6; }

.fc .fc-header-toolbar .fc-button {
  background: black;
  border-color: black;
  letter-spacing: 2px;
  font-size: 0.8175rem;
  padding: 10px; }
  .fc .fc-header-toolbar .fc-button.fc-today-button {
    text-transform: uppercase;
    font-family: var(--primary-font); }
  .fc .fc-header-toolbar .fc-button:hover {
    background: #4d4d4d;
    border-color: #4d4d4d;
    color: #fff; }

.fc .open .availability {
  color: green; }

.fc .full .availability,
.fc .closed .availability {
  color: red; }

@media (min-width: 1200px) {
  .fc .time {
    display: block; } }

/*# sourceMappingURL=calendarMFE.css.map*/