/**
 * Styling top level items
 */

 .category h4{
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 15px 0px;
}


.category ul{
  padding-left: 0px;
}

.category a,
.category label {
  display: block;
  padding: 0.7rem 1.2rem;
  color: #fff;
  margin-bottom: 1px;
  background-color: #0c2939;
  border-radius: 0px;
  font-weight: 400;
  font-size: 15px;
  /* box-shadow: inset 0 -1px #1d1d1d; */
  transition: all .25s ease-in;
}

.category label {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

.category label.header {
  cursor: pointer;
  border-left: 5px solid #f9210a;
  font-size: 20px;
}

/**
 * Styling first level lists items
 */
 .group-list a,
 .group-list label {
  padding-left:1.2rem;
  background: #f5f5f5;
  color: #000;
  box-shadow: inset 0 2px #f2f3f5;
}
.group-list a:focus, .group-list a:hover,
.group-list label:focus,
.group-list label:hover {
  color: #ffffff;
  background-color: #dca958;
  text-decoration: none;
  -moz-transition: .4s;
  -o-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

/**
 * Styling second level list items
 */
 .sub-group-list a,
 .sub-group-list label {
  padding-left: 2rem;
  background: transparent;
  color: #333;
  background-color: #f5f5f5;
  /*box-shadow: inset 0 -1px #474747;*/
}
.sub-group-list a:focus, .sub-group-list a:hover,
.sub-group-list label:focus,
.sub-group-list label:hover {
  color:#fff;
}

/**
 * Styling third level list items
 */
 .sub-sub-group-list a,
 .sub-sub-group-list label {
  padding-left: 3rem;
  background: transparent;
  color: #333;
}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover,
.sub-sub-group-list label:focus,
.sub-sub-group-list label:hover {
  color: #fff;
}

/**
 * Hide nested lists
 */
 .group-list,
 .sub-group-list,
 .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-in-out;
}

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

/**
 * Rotating chevron icon
 */
 label > span {
  float: right;
  transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
  transition: transform .65s ease, -webkit-transform .65s ease;
  color: #fff;
}

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

/**
 * Styling footer
 */


 @media (max-width: 992px){}
 @media (max-width: 768px){
  .category label.header {
    cursor: pointer;
    border-left: 5px solid #f9210a;
    font-size: 16px;
  }
}
@media (max-width: 414px){
  .category label {
    cursor: pointer;
    font-size: 14px;
  }
}
@media (max-width: 375px){}
@media (max-width: 320px){}