/* common styles */
@font-face {
  font-family: "Roboto Condensed";
  src: url("./../assets/fonts/RobotoCondensed-Regular.woff2") format("woff2"),
    url("./../assets/fonts/RobotoCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto CondensedLight";
  src: url("./../assets/fonts/RobotoCondensed-Light.woff2") format("woff2"),
    url("./../assets/fonts/RobotoCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

body {
  font-size: 16px;
  background: #f7f7f7;
  margin: 0;
  padding: 0;
  font-family: "Roboto Condensed";
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* .container {
  background-image: url("green-glass-bg_35.jpg");
  background-color: #7b946f;
} */

.main-container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.main-content {
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 15px;
  padding: 0 60px 10px;
  margin-top: 108px;
}
.page-header {
  text-align: center;
  font-family: "Roboto CondensedLight";
  font-size: 34px;
  padding: 15px 5px 10px 5px;
}
.headerlogo {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  top: 0px;
  padding: 8px;
}
.headerlogo a {
  display: inline-block;
  padding: 0px 50px;
}
.headerlogo img {
  width: 290px;
  height: 40px;
}
p {
  font-size: 16px;
  line-height: 25px;
  margin: 0 0 10px;
  text-align: justify;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
}

/* document specific styles */
.main-content {
  padding: 0 60px 10px 20px;
}

.li-header {
  color: #2b8bd0f2;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
  font-family: "Roboto Condensed";
}

ol {
  list-style: none;
  counter-reset: item;
}

ol > li {
  counter-increment: item;
}

ol > li:before {
  margin-right: 0px;
  content: counters(item, ".") ". ";
  display: inline-block;
}

.index ol > li:before {
  margin-right: 10px;
}

.content ol > li:before {
  color: #2b8bd0f2;
  font-size: 18px;
  font-weight: 700;
  margin: 5px 0;
  font-family: "Roboto Condensed";
}

ol ul {
  list-style-type: disc;
}

ol ul ul {
  list-style-type: circle;
}

li p {
  padding-left: 0px;
}

ol li ol {
  padding-left: 15px;
}

li li p {
  padding-left: 0px;
}

.index a {
  line-height: 28px;
}

.li-content-offset-left {
  padding-left: 37px;
}

.offset-left {
  padding-left: 42px;
}