@charset "UTF-8";

/*
------------------
		Pod Archive Tree Links
-----------------
*/

.nav-tree-header .nav-link {
  -webkit-box-flex: 2;
          flex-grow: 2;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  position: relative;
  background-color: rgba(0, 174, 204, 0.5);
  color: rgba(28, 28, 28, 0.3);
}

.nav-tree-header .nav-link small {
  font-style: normal;
  color: inherit;
  display: block;
}

.nav-tree-header .nav-link.active {
  background-color: rgba(0, 174, 204, 0.2);
  color: #1c1c1c;
  font-size: 1.5rem !important;
  font-weight: 300;
  border: none;
  -webkit-box-flex: 1;
          flex-grow: 1;
}

.nav-tree-header .nav-link:first-child:before {
  content: "\E605";
  font-family: "Simple-Line-Icons";
  position: absolute;
  left: 10px;
  top: 50%;
  color: rgba(28, 28, 28, 0.2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.nav-tree-header .nav-link:last-child:before {
  content: "\E606";
  font-family: "Simple-Line-Icons";
  position: absolute;
  right: 10px;
  top: 50%;
  color: rgba(28, 28, 28, 0.2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.nav-tree-header button.nav-link:before {
  font-family: iconssr !important;
  content: "\E901" !important;
  position: relative !important;
  top: inherit !important;
  color: inherit !important;
  -webkit-transform: inherit !important;
  transform: none !important;
}

/*
------------------
		navigation Tree Cards
-----------------
*/

.nav-tree .card {
  border: none;
}

.nav-tree .card .card-header {
  padding: 0.25rem 0.5rem 0.25rem 2rem;
  background-color: #b7dee9;
  color: rgba(28, 28, 28, 0.5);
  border: none;
  border-radius: 0;
  font-size: 0.75rem;
  font-weight: 300;
  display: inline-block;
}

.nav-tree .card .card-header.toggle {
  padding-left: 0.5rem;
  display: none;
  border: none;
}

.nav-tree .card .card-header.year {
  padding-left: 1rem;
  background-color: #b7dee9;
  border-top: 1px solid #8ccadc;
}

.nav-tree .card .card-header.month {
  padding-left: 1.5rem;
  background-color: #c9e6ef;
  border-top: 1px solid #a3d4e4;
}

.nav-tree .card .card-body {
  padding: 0;
}

.nav-tree .card button {
  text-align: left;
}

.nav-tree .card button b {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0;
}

.nav-tree .card button.year {
  border: none;
}

.nav-tree .card button.month {
  border: none;
}

.nav-tree .card a {
  padding: 0.25rem 0.5rem 0.25rem 2rem;
  color: rgba(28, 28, 28, 0.5);
  font-size: 0.75rem;
  font-weight: 600;
  border: none;
  background-color: rgba(0, 174, 204, 0.2);
  border-top: 1px solid #bee0eb;
}

.nav-tree .card a small {
  margin: 0 0.5rem;
}

.nav-tree .card ol {
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
}

.nav-tree .card li {
  margin: 0 !important;
}

.nav-tree .card li:first-Child a {
  border-top: 1px solid #a3d4e4;
}

.nav-tree .card .nav-tree-month:first-Child button.month {
  border-color: rgba(0, 174, 204, 0.4);
  border-top: 1px solid #8ccadc;
}

.nav-tree .card .nav-tree-link .date {
  margin-right: 1em;
}

.nav-tree .card .nav-tree-link .title {
  font-size: 0.75rem;
  font-weight: 300;
  margin: 0 0.5rem;
  display: inline-block;
}