/* ocean custon style dev site */
.defaultTransparent {
  background-color: white;
}
h2 {
  color: #5bdfb8;
}
h3, h4 {
  color: #009;
}
.subtitle,.subtitle p {
  font-size: 2.5rem;
  font-family: 'CenturyGothicBold';
  font-weight: normal;
}
.subtitle b, .subtitle strong {
  color: #5bdfb8;
}
img {
  width: auto;
  max-width: 100%;
}
ol {
  list-style-type: decimal-leading-zero;
}
.code-sample {
  background: black;
  color: white;
  font-family: monospace;
  padding: 1rem;
  border-top: 1rem solid #808ea2;
  margin-bottom: 1rem;
  white-space: pre;
  overflow-wrap: break-word;
  font-size: 90%;
  display: block;
  width: 100%;
}
pre {
  overflow-y: hidden;
  overflow-x: auto;
}
span.code-hilite-blue {
  background: #5bdfb8;
  color: #009;
}
.sidebar .form-group {
  margin-bottom: 5px;
}
.sidebar .form-control {
  background-color: rgba(255,255,255,0.2);
}
.sidebar .form-control.form-control--focus {
  background-color: rgba(255,255,255,0.8);
}
.sidebar .form-control__input {
  color: white;
  border: none;
}
.sidebar .form-control label {
  color: #5bdfb8;
}
.sidebar .form-control.form-control--focus label {
  color: black;
}
.sidebar .form-control.form-control--focus .form-control__input {
  color: black;
}
#hpsearch .form-control-lg label {
  padding-top: 13px;
}
#hpsearch .form-control-lg.form-control--completed label, #hpsearch .form-control-lg.form-control--focus label {
  padding-top: 3px;
}
#hpsearch .form-control-lg .form-control__input {
  height: 46px;
}
#hpsearch.form-inline .form-control {
  width: Calc(80% - 100px)!important;
}
ol > li, ul > li{
  margin: .5rem 0 .5rem 1rem;
}