.header {
  background-color: #26282C;
}

.header.header-scrolled {
  background-color: #26282C;
}

.header.header-scrolled a {
  color: #fff;
}

p {
  line-height: 1.5;
}

.doc-wrapper a:not(.btn) {
  color: #568BF7;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-decoration: underline;
}

.doc-wrapper a:not(.btn):hover {
  text-decoration: none;
  color: #456FC6;
}

.doc-wrapper a:focus {
  text-decoration: none;
}

.add-form-section {
  background-color: #568BF7;
  color: #fff;
  padding: 30px;
}

.add-form-section a:not(.btn),
.add-form-section a:not(.btn):hover {
  color: #fff;
}

code {
  background: #222;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  padding: 2px 8px;
  padding-top: 4px;
  display: inline-block;
}

/* ======= Doc Styling ======= */
.doc-wrapper {
  padding: 90px 0;
  background: #f9f9fb;
}

.doc-body {
  position: relative;
}

.doc-header .doc-title {
  color: #568BF7;
  margin-top: 0;
  font-size: 36px;
}

.doc-header .icon {
  font-size: 30px;
}

.doc-header .meta {
  color: #a2a6af;
}

.doc-section {
  padding-top: 15px;
  padding-bottom: 15px;
}

.doc-section .section-title {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}

.doc-section h1 {
  font-size: 24px;
  font-weight: bold;
}

.doc-section h2 {
  font-size: 22px;
  font-weight: bold;
}

.doc-section h3 {
  font-size: 20px;
  font-weight: bold;
}

.doc-section h4 {
  font-size: 18px;
  font-weight: bold;
}

.doc-section h5 {
  font-size: 16px;
  font-weight: bold;
}

.doc-section h6 {
  font-size: 14px;
  font-weight: bold;
}

.section-block {
  padding-top: 15px;
  padding-bottom: 15px;
}

.section-block .block-title {
  margin-top: 30px;
}

.section-block .list > li {
  margin-bottom: 10px;
}

.section-block .list ul > li {
  margin-top: 5px;
}

.question {
  font-weight: 400 !important;
  color: #568BF7;
}

.question .svg-inline--fa {
  position: relative;
  top: -2px;
}

.code-inline {
  padding: 0px 2px;
}

.code-block {
  margin-top: 30px;
  margin-bottom: 30px;
}

.callout-block {
  padding: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.65);
}

.callout-block a:not(.btn) {
  color: rgba(0, 0, 0, 0.65);
}

.callout-block a:not(.btn):hover {
  color: rgba(0, 0, 0, 0.65);
}

.callout-block .icon-holder {
  font-size: 30px;
  position: absolute;
  left: 30px;
  top: 5px;
  color: rgba(0, 0, 0, 0.25);
}

.callout-block .content {
  margin-left: 60px;
}

.callout-block .content p:last-child {
  margin-bottom: 0;
}

.callout-block .callout-title {
  margin-top: 0;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.65);
}

.callout-info {
  background: #58bbee;
}

.callout-success {
  background: #75c181;
}

.callout-warning {
  background: #F88C30;
}

.callout-danger {
  background: rgba(220,53,69,.9);
  color: #fff;
}

.callout-danger a,
.callout-danger a:hover,
.callout-danger .icon-holder,
.callout-danger .callout-title {
  color: #fff;
}

.callout-form {
  margin-bottom: 0px;
}

label {
  font-size: 18px;
}