.calendar {
  padding: 5rem 0;
}
.calendar .wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1rem 145px;
}
@media (max-width: 1080px) {
  .calendar .wrapper {
    flex-wrap: wrap;
  }
}
.calendar-sidebar {
  flex: 0 1 220px;
}
.calendar-sidebar h2, .calendar-sidebar h3 {
  font-size: var(--step-4);
  color: var(--dark-peach);
}
.calendar-sidebar ol, .calendar-sidebar ul {
  padding: 0;
  margin: 0;
  margin-bottom: 3rem;
  list-style: none;
}
.calendar-sidebar ol li, .calendar-sidebar ul li {
  padding: 0;
  list-style: none;
}
.calendar-sidebar ol li::before, .calendar-sidebar ul li::before {
  display: none;
}
.calendar-sidebar a {
  color: var(--blue);
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.calendar-sidebar a::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("../../../../images/arrow.png") no-repeat center center/contain;
  transition: 200ms ease;
}
.calendar-sidebar a:focus, .calendar-sidebar a:hover {
  text-decoration: underline;
}
.calendar-sidebar a:focus::after, .calendar-sidebar a:hover::after {
  transform: translateX(5px);
}
.calendar-main {
  flex: 1 1 500px;
}
.calendar-main h2, .calendar-main h3, .calendar-main h4 {
  color: var(--dark-peach);
  font-size: var(--step-3);
}
.calendar-main h2 em, .calendar-main h3 em, .calendar-main h4 em {
  color: var(--purple);
  font-style: normal;
}
.calendar-main ol, .calendar-main ul {
  list-style: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}
.calendar-main ol li, .calendar-main ul li {
  list-style: none;
  margin: 0;
  padding: 1rem;
}
.calendar-main ol li strong, .calendar-main ul li strong {
  display: block;
}
.calendar-main ol li:nth-child(odd), .calendar-main ul li:nth-child(odd) {
  background: var(--pastel-blue);
}
.calendar-main ol li::before, .calendar-main ul li::before {
  display: none;
}