.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.rg-wrapper .rg-header {
  background-size: cover;
}
.rg-wrapper .rg-header.rg-design {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/c_img1.png);
}
.rg-wrapper .rg-header.rg-design .lightbulb {
  opacity: 1;
}
.rg-wrapper .rg-header.rg-create {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/c_img2.png);
}
.rg-wrapper .rg-header.rg-create .tools {
  opacity: 1;
}
.rg-wrapper .rg-header.rg-outreach {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/c_img3.png);
}
.rg-wrapper .rg-header.rg-outreach .speaker {
  opacity: 1;
}
.rg-wrapper .rg-header.rg-share {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/c_img4.png);
}
.rg-wrapper .rg-header.rg-share .board {
  opacity: 1;
}
.rg-wrapper .rg-header.rg-extra {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/c_img5.png);
}
.rg-wrapper .rg-header.rg-extra .compass {
  opacity: 1;
}
.rg-wrapper .rg-header .rg-title {
  margin-top: 70px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #eee;
}
.rg-wrapper .rg-header .rg-section-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 30px;
  font-size: 48px;
  color: #fff;
  font-family: "Copernicus", Georgia, serif;
}
.rg-wrapper .rg-main-nav {
  margin-bottom: 70px;
}
.rg-wrapper .rg-main-nav .rg-nav-item {
  display: inline-block;
  vertical-align: middle;
}
.rg-wrapper .rg-main-nav .rg-icon-container {
  position: relative;
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 45px;
  opacity: 0.6;
}
.rg-wrapper .rg-main-nav .rg-icon-container:hover {
  opacity: 1;
}
.rg-wrapper .rg-main-nav .rg-nav-icon {
  opacity: 0.4;
}
.rg-wrapper .rg-main-nav .rg-nav-icon:hover {
  opacity: 1;
}
.rg-wrapper .rg-main-nav .rg-nav-icon.lightbulb {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/guide_icon_spritesheet.png);
  background-repeat: no-repeat;
  background-position: -55px 0px;
  height: 54px;
  width: 41px;
}
.rg-wrapper .rg-main-nav .rg-nav-icon.tools {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/guide_icon_spritesheet.png);
  background-repeat: no-repeat;
  background-position: -96px 0px;
  height: 54px;
  width: 37px;
}
.rg-wrapper .rg-main-nav .rg-nav-icon.speaker {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/guide_icon_spritesheet.png);
  background-repeat: no-repeat;
  background-position: 0px -55px;
  height: 50px;
  width: 61px;
}
.rg-wrapper .rg-main-nav .rg-nav-icon.board {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/guide_icon_spritesheet.png);
  background-repeat: no-repeat;
  background-position: -61px -55px;
  height: 48px;
  width: 64px;
}
.rg-wrapper .rg-main-nav .rg-nav-icon.compass {
  background-image: url(https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/guide/guide_icon_spritesheet.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 55px;
  width: 55px;
}
.rg-wrapper .rg-main-nav .nav-link {
  display: inline-block;
  font-size: 25px;
  color: #fff;
}
.rg-wrapper .rg-main-nav .rg-nav-divider {
  border-top: 2px solid #ddd;
  width: 25px;
  margin-top: -2px;
  margin-left: 15px;
  margin-right: 15px;
  opacity: 0.6;
}
.rg-wrapper .rg-view {
  display: none;
}
.rg-wrapper .rg-view h4 {
  font-weight: 600;
  color: #004E6D;
  font-size: 20px;
  margin-bottom: 20px;
}
.rg-wrapper .rg-view p, .rg-wrapper .rg-view li {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 30px;
}
.rg-wrapper .rg-view ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.rg-wrapper .rg-view ol li {
  margin: 10px 0 10px 20px;
  padding: 0;
  counter-increment: my-awesome-counter;
}
.rg-wrapper .rg-view ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #36ac9c;
  font-weight: bold;
}
.rg-wrapper .rg-view li {
  line-height: 30px;
}
.rg-wrapper .rg-view img {
  display: block;
  margin: 0 auto;
  padding: 40px 0 20px 0;
  max-width: 100%;
}
.rg-wrapper .rg-view #rg-review-criteria {
  list-style: none;
  margin: 30px 0;
}
.rg-wrapper .rg-view .block-callout {
  font-size: 17px;
  line-height: 25px;
  color: #333b3c;
  background-color: #F9FBFB;
  border-radius: 6px;
  border: 2px solid #E8ECED;
  padding: 12px 15px;
}
.rg-wrapper .rg-view .callout {
  font-size: 15px;
  line-height: 20px;
}
.rg-wrapper .rg-view .callout-alert {
  background-color: #E5F5F8;
  padding: 12px 20px 20px 20px;
  margin: 0 0 32px 0;
  border: 2px solid #0A90CA;
  border-radius: 7px;
}
.rg-wrapper .rg-view .callout-alert h3 {
  font-size: 18px;
  letter-spacing: 1.2px;
  color: #06587C;
}
.rg-wrapper .rg-view .callout-alert p {
  color: #06587C;
  padding: 0;
  margin: 0;
  line-height: 27px;
}
.rg-wrapper .rg-view .callout-2 {
  background-color: #F5F5F5;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 6px;
}
.rg-wrapper .rg-view .callout-2 a:hover {
  text-decoration: none;
}
.rg-wrapper .rg-view .callout-2 p {
  font-size: 17px;
  margin-bottom: 0 !important;
  line-height: 25px;
}
.rg-wrapper .rg-view .li-numbered {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #61BDA0;
  color: #fff;
  text-align: center;
  line-height: 43px;
  font-weight: 700;
  font-size: 20px;
  margin-right: 20px;
}
.rg-wrapper p {
  margin: 0 0 10px;
}
.rg-wrapper .rg-content {
  padding-top: 80px;
  padding-bottom: 150px;
}
.rg-wrapper .rg-content .col-md-8 {
  padding: 0px;
}
.rg-wrapper .rg-content .rg-next-button {
  border-color: #36ac9c;
  border-width: 1px;
  border-radius: 5px;
  margin-top: 30px;
  font-size: 20px;
  padding: 10px;
}
.rg-wrapper .rg-content .rg-next-button a {
  color: #36ac9c;
  font-size: 18px;
  padding: 10px;
  text-decoration: none;
}
.rg-wrapper .rg-content .rg-next-button:hover {
  background-color: #fcfcfc;
}
.rg-wrapper .rg-article-nav {
  padding-left: 0px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .rg-wrapper .rg-article-nav {
    margin-left: -40px;
    margin-top: 16px;
  }
}
.rg-wrapper .rg-article-nav .nav-link,
.rg-wrapper .rg-article-nav .nav-title {
  display: block;
  margin-bottom: 15px;
}
.rg-wrapper .rg-article-nav .nav-title {
  color: #004E6D;
  font-weight: 600;
}
.rg-wrapper .rg-article-nav li {
  font-size: 15px;
  line-height: 13px;
}
.rg-wrapper .rg-article-nav .nav-title {
  font-size: 18px;
}
.rg-wrapper .rg-article-nav .nav-link {
  color: #617174;
  opacity: 1;
}
.rg-wrapper .rg-article-nav .nav-link.selected {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0072a0;
}
.rg-wrapper .rg-article-nav .nav-link:hover {
  text-decoration: none;
  color: #0072a0;
  opacity: 1;
}
.rg-wrapper h2 {
  color: #004E6D;
}
.rg-wrapper .rg-article-title, .rg-wrapper h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #004E6D;
  font-size: 20px;
}
.rg-wrapper .rg-welcome {
  color: #004E6D;
  font-weight: 300;
  font-size: 36px;
  margin-bottom: 26px;
}