ol, ul { list-style: none }
blockquote, q { quotes: none }

.ul {
    margin: 0;
    padding: 0;
}

.li {
    margin: 0;
    padding:0;
}

/*=================================== TOP LEVEL (Year) ===================================*/

.acc a, 
.acc label {
  display: block;
  padding: .85rem;
  color: #fff;
  background-color: #172e55;
  box-shadow: inset 0 -1px #1d1d1d;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  text-decoration:none;
  margin-inline: 0px;
  padding-inline: 1.5em;


}

.acc a:focus, 
.acc a:hover, 
.acc label:focus, 
.acc label:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #172e55;
  color: white;
}

.acc label { 
    cursor: pointer; 
}

.acc a:visited {
    color: #FFF;
}


/* Hide left padding when on mobile to tighten up design*/
.acc__list {
    margin-inline: 0px;
    padding-inline: 0em;
    margin: 0;
    padding: 0;
}

/*=============================== FIRST SUB LEVEL (Day) ===============================*/

.group-list a, 
.group-list a:visited,
.group-list label {
  padding-left: 2rem;
  box-shadow: inset 0 -1px #373737;
  background-color: #5f78a2;
  margin-inline: 0px;
  padding-inline: 3em;
}

.group-list a:focus, 
.group-list a:hover, 
.group-list label:focus, 
.group-list label:hover { 
    background: #8597b7;
    text-decoration: underline;
}

/*=============================== SECOND SUB LEVEL(Files) ===============================*/

.acc img {
    padding-right: 0.5em;
}

.sub-group-list li {

}

.sub-group-list li a {
    display: flex;
    align-items: center;
}

.sub-group-list a, 
.sub-group-list a:visited,
.sub-group-list label 
.sub-group-list p {
  padding-left: 4rem;
  color: black;
  background: #FFF;
  box-shadow: inset 0 -1px #474747;
  margin-inline: 0px;
  padding-inline: 4.5em;
}


.sub-group-list a:last-child {

  box-shadow: none;

}


.sub-group-list a:focus, 
.sub-group-list a:hover, 
.sub-group-list label:focus, 
.sub-group-list label:hover { 
    background: #FFF;
    color: black;
    text-decoration: underline;
}

.sub-group-list p {
    padding-left: 4.5em;
}

/*=============================== THIRD SUB LEVEL (not used) ===============================*/

.sub-sub-group-list a, 
.sub-sub-group-list a:visited,
.sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
  margin-inline: 0px;
  padding-inline:6 em;
}

.sub-sub-group-list a:focus, 
.sub-sub-group-list a:hover, 
.sub-sub-group-list label:focus, 
.sub-sub-group-list label:hover {
     background: #c6cfdd;
     color: black;
     text-decoration: underline;
}

/*=============================== HIDE NESTED LIST ===============================*/

.group-list, 
.sub-group-list, 
.sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
  padding-inline: 0em;
}

/* reset the height when checkbox is checked */
.acc__list input[type=checkbox]:checked + label + ul { 
    max-height: 1000px; 
    padding-inline-start: 0px;

}

/*=============================== ICONS ===============================*/

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.acc__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}