/* SF-Calendar */
/* IE10/11 Hack */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .sf-calendar__weekdays > div,
  .sf-calendar__days > div {
    width: 14.285%; } }
.sf-calendar {
  background: #fff;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
  border-radius: .5em;
  display: grid;
  grid-template-rows: auto auto 1fr;
  text-align: center;
  margin: 0 2em 2em; }
  @media (min-width: 576px) {
    .sf-calendar {
      margin: 0; } }
  .sf-calendar__month {
    font-size: 1.25em;
    color: #000;
    padding: .25em 0;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    margin-bottom: .25em; }
  .sf-calendar__weekdays, .sf-calendar__days {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(7, 1fr); }
  .sf-calendar__weekdays {
    color: #000;
    font-weight: bold;
    text-transform: uppercase; }
  .sf-calendar__days {
    align-items: center; }
    .sf-calendar__days a {
      text-decoration: none; }
      .sf-calendar__days a:link, .sf-calendar__days a:visited {
        color: #aa7610;
        border-bottom: 1px dotted #eaad34; }
      .sf-calendar__days a:hover, .sf-calendar__days a:active, .sf-calendar__days a:focus {
        color: #aa7610;
        border-bottom: 1px solid #aa7610; }
    .sf-calendar__days .month-prev,
    .sf-calendar__days .month-next {
      color: #cccccc; }
    .sf-calendar__days .today {
      background: #5f91ce;
      color: #fff;
      border-radius: 50%;
      align-self: stretch;
      display: grid;
      align-items: center;
      justify-content: center; }
      .sf-calendar__days .today a:link, .sf-calendar__days .today a:visited {
        color: #fec85e;
        border-bottom-color: #fec85e; }
      .sf-calendar__days .today a:hover, .sf-calendar__days .today a:active, .sf-calendar__days .today a:focus {
        color: #fec85e;
        border-bottom-color: #fec85e; }