
.accordion {
  width: 100%;
  margin-inline: auto;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.5);
}

.accordion-menu {
  padding: 10px;
  background-image: linear-gradient(
    to bottom,
    #ffe766,
    #ffe45a,
    #ffe14c,
    #ffde3e,
    #ffdb2c,
    #fbd622,
    #f6d115,
    #f2cc00,
    #e8c400,
    #dfbc00,
    #d5b400,
    #ccac00
  );
  border: 1px solid #ccac00;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  font-size: 14pt;
  color: #00115d;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.accordion-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
}

.months {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 1rem 0;
  margin-inline: auto;
  font-size: 16pt;
  /* outline: 1px dotted blue; */
}
.months > a {
  width: fit-content;
  margin-bottom: 5px;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  transition: border 0.5s ease;
  cursor: pointer;
}

/* === only for local-info page */
.row {
  width: calc(100% - 2vmin);
  margin: 0 auto;
}
.row-local p {
  font-size: 16pt;
}

.accordion-content.expanded {
  height: 0;
  overflow: hidden;
}
.accordion-plus,
.accordion-minus {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 26px;
  /* transition: 1s ease; */
}
p {
  margin: 10px;
}
