/* ========================================================== */
/* ARTICLES PAGES */
/* ========================================================== */

h2,
h3 {
  text-align: left !important;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  padding-left: 3%;
}

ol {
  padding-left: 2%;
}

ol > li {
  margin: 0;
  padding-left: 1em;
  text-indent: -1.5em;
  list-style-type: none;
  counter-increment: item;
}

ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

#Header h4,
#Footer {
  opacity: 0.5;
}

#step4,
#step5,
#step7,
#sub1,
#sub2,
#sub3,
#sub4 {
  padding-top: 100px;
  margin-top: -100px;
}

/* Sub menu (left side) */
.sub-menu {
  /* padding: 20px 5px 5px 5px; */
  padding-top: 2vw;
  font-weight: 400;
}

/* Sub-headings (on articles) */
.sub-list {
  text-align: left !important;
}

.sub-list hr {
  border-top: 1px dashed rgb(202, 202, 202);
}

.progress-container {
  position: fixed;
  z-index: 4;
  width: 100%;
  margin-top: 12px;
  height: 10px;
  background: #ccc;
}

.progress-bar {
  height: 10px;
  background: #0000ff;
  width: 0%;
  transition: 0s all !important;
}

.to-top {
  display: block;
  position: fixed;
  bottom: 20px;
  right: -50px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: sky;
  color: rgb(39, 39, 39);
  cursor: pointer;
  padding: 5px;
  border-radius: 14px 0 0 14px;
  transition: 0.2s ease-in-out all;
}

.list-group-item {
  padding: 10px 15px;
}

@media (min-width: 992px) {
  .progress-container {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .progress-container {
    margin-top: 6px;
  }
}

@media only screen and (max-width: 327px) {
  .progress-container {
    margin-top: -8px;
  }
}