* { box-sizing: border-box; }

.content { max-width: 1240px; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; }

.apoco { position: relative; display: flex; flex-wrap: wrap; gap: 1em; }

.apoco p { padding: 0; margin: 0; }

.apoco a { text-decoration: none; }

.apoco ul, .apoco li { list-style: none; }

@media screen and (max-width: 768px) { .apoco { gap: 0.75em; } }

.apoco-switch { display: none; }

.apoco-label { order: -1; padding: 0.5rem 1rem; font-size: 1.25rem; color: rgba(0, 0, 0, 0.54); letter-spacing: 0.1em; cursor: pointer; background-color: rgba(0, 0, 0, 0.12); border-radius: calc(0.5rem + 1.25rem + 0.5rem); }

@media screen and (max-width: 768px) { .apoco-label { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 1rem; border-radius: calc(0.25rem + 1rem + 0.25rem); } }

.apoco-label:focus, .apoco-label:hover { opacity: 0.8; }

.apoco-switch:checked + .apoco-label { font-weight: bold; color: #fff; background-color: #4169e1; }

.apoco-content { display: none; width: 100%; }

.apoco-switch:checked + .apoco-label + .apoco-content { display: block; }

.apoco-months { display: flex; gap: 60px; align-items: center; justify-content: center; margin-top: 2em; margin-bottom: 2em; }

@media screen and (max-width: 768px) { .apoco-months { gap: 30px; } }

.apoco-months--this { font-size: 1.5rem; font-weight: bold; color: #3c60cb; }

.apoco-months--last, .apoco-months--next { display: inline-flex; align-items: center; height: 44px; padding-right: 0.75em; padding-left: 0.75em; font-weight: bold; color: #3c60cb; white-space: nowrap; border: 2px solid #4169e1; border-radius: 5px; }

.apoco-months--last { position: relative; padding-left: 1.5em; }

.apoco-months--last::before { position: absolute; top: 50%; left: 0.5em; width: 6px; height: 6px; content: ""; border-bottom: 2px solid #4169e1; border-left: 2px solid #4169e1; transform: translateY(-50%) rotate(45deg); }

.apoco-months--next { position: relative; padding-right: 1.5em; }

.apoco-months--next::after { position: absolute; top: 50%; right: 0.5em; width: 6px; height: 6px; content: ""; border-top: 2px solid #4169e1; border-right: 2px solid #4169e1; transform: translateY(-50%) rotate(45deg); }

.apoco .apoco-cal { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr); gap: 1em; padding: 0; font-size: 1.25rem; }

@media screen and (max-width: 768px) { .apoco .apoco-cal { gap: 0.5em; font-size: 0.875rem; } }

.apoco .apoco-cal__dow { display: block; padding-top: 1em; padding-bottom: 1em; font-weight: bold; text-align: center; transition: 0.3s; }

.apoco .apoco-cal__dow._sun { color: #f14e4e; }

.apoco .apoco-cal__dow._sat { color: #3c60cb; }

.apoco .apoco-cal__day { display: block; padding-top: 1em; padding-bottom: 1em; color: inherit; text-align: center; transition: 0.3s; }

.apoco .apoco-cal__day:focus, .apoco .apoco-cal__day:hover { -webkit-filter: brightness(90%); filter: brightness(90%); }

.apoco .apoco-cal__day._sun { background-color: #ffcfcf; }

.apoco .apoco-cal__day._sat { background-color: #e2efff; }

.apoco .apoco-cal__day._day { background-color: #e8e8e8; }

.apoco .apoco-cal__day._hol { background-color: #ffcfcf; }

.apoco .apoco-cal__date { margin-bottom: 0.5em; font-weight: bold; }

.apoco-legend { display: flex; flex-wrap: wrap; gap: 2em; justify-content: center; width: 100%; max-width: 30em; padding-top: 1em; padding-bottom: 1em; margin-top: 3rem; margin-right: auto; margin-left: auto; font-size: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.54); border-bottom: 1px solid rgba(0, 0, 0, 0.54); }

@media screen and (max-width: 768px) { .apoco-legend { gap: 0.75em; font-size: 0.875rem; } }

.apoco-info { margin-top: 2rem; }

.apoco-info > p + p { margin-top: 0.5rem; }

.apoco-info__hour { display: inline-block; padding-left: 0.75em; margin-right: 1em; border-left: 4px solid rgba(0, 0, 0, 0.54); }

.apoco-info__holiday { display: inline-block; padding: 0.25em 1em; margin-right: 1em; font-weight: bold; color: #f14e4e; background-color: #ffcfcf; border-radius: 1.5em; }

.apoco .disabled { pointer-events: none; opacity: 0.3; }
/*# sourceMappingURL=apoco-cal.css.map */