/*!
 * This file is part of the "A-artik" Theme
 * ----------------------------------------
 * Copyright (c) 2021 The Education University of Hong Kong. All rights reserved.
 * Developed by Nick Lai (https://www.github.com/nixklai/).
 */
/** Filter **/
div.content #traditional-lesson-plans--subjects {
  display: flex;
  flex-flow: row wrap;
}
div.content #traditional-lesson-plans--subjects label {
  margin: 0.25rem 0.5rem;
  padding: 0.5rem;
  border: 1px solid black;
  text-align: center;
}

/** Record keeper: radios **/
div.content input[name=subject] {
  display: none;
}

/** A container of all items **/
div.traditional-lesson-plans--subject {
  --margin: 0.5rem;
  --padding: 0.5rem;
  /*** Animation: at idle ***/
  /*** Animation: after activated ***/
}
div.field.field--name-body div.traditional-lesson-plans--subject {
  max-height: 0;
  transition: max-height 1s ease-in-out;
  overflow: hidden;
}
input[name=subject]:checked + div.traditional-lesson-plans--subject {
  max-height: 5000vh;
}
div.traditional-lesson-plans--subject div.lesson-plans {
  display: grid;
  gap: var(--margin);
}
div.traditional-lesson-plans--subject div.lesson-plans a.lesson-plan {
  box-shadow: 1px 1px 10px rgba(0, 100, 55, 0.5);
}
div.traditional-lesson-plans--subject div.lesson-plans a.lesson-plan img {
  aspect-ratio: 600/400;
  width: 100%;
}
div.traditional-lesson-plans--subject div.lesson-plans a.lesson-plan span {
  display: block;
  padding: var(--padding);
}
div.traditional-lesson-plans--subject div.lesson-plans a.lesson-plan:hover {
  box-shadow: 1px 1px 20px rgba(240, 100, 35, 0.7);
  text-decoration: none;
}

/*# sourceMappingURL=custom-filter-list.common.css.map */