// stylelint-disable declaration-no-important
@import 'src/assets/styles/variables';

.vc-day {
  &.is-today {
    .vc-day-content {
      font-weight: 700;
    }
  }
}

.vc-container {
  border-radius: 2px !important;
}

.vc-pane-container {
  .vc-day-content,
  .vc-title,
  .vc-weekday {
    font-family: soleil, sans-serif;
  }

  .vc-header {
    padding-bottom: 10px;
  }

  .vc-title {
    font-size: 14px !important;
  }

  .vc-day-content {
    width: 30px !important;
    height: 30px !important;

    &:hover,
    &:focus {
      background-color: transparent !important;
    }
  }

  .vc-arrow {
    &:hover {
      background-color: transparent;
    }
  }
}

.vc-nav-popover-container {
  background-color: $tf-dark-gray;

  .vc-nav-title,
  .vc-nav-item {
    font-family: soleil, sans-serif;
  }

  .vc-nav-item.is-active {
    background-color: $tf-extra-light-gray-1;
    color: $tf-dark-gray;
  }
}