/*
https://medium.com/@kayodeniyi/understanding-the-sticky-footer-trick-1e5686c232b6
 */
body {
  background-color: #fff;
  color: #678;
  font: 1.2em / 1 Helvetica Neue, Helvetica, Arial, sans-serif;
}
.footer {
  height: 150px; /* Set the fixed height of the footer here */
  width: 100%;
  background-color: #ecf0f1;
  background: #ecf0f1 url(/hp-angled-bottom.png) 50% top no-repeat;
}
strong { font-weight: bold; }
a.img-link {
  float: right;
  border-bottom: 0
}

.footer-text {
  margin: 0;
  padding: 0 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.footer-text a {
  display: block;
  font-size: 11px;
  margin: 10px 0;
  opacity: .6;
}
.footer-text p {
  display: block;
  font-size: 11px;
  margin: 10px 0;
  opacity: .6;
}
.footer-text p small {
  display: block;
  font-size: 11px;
  margin: 10px 0;
  opacity: .6;
  text-align: center;
}
.footer-text a {
  text-decoration: underline;
}

/* CSS from Sam */
h1 {
  /* font-family: Adelle-con;*/
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
}
h2 {
  /*font-family: Adelle-con;*/
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
}
h3 {
  /*font-family: adelle,serif;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 8px;
}
h4 {
  font-family: proxima-nova,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
}
h5 {
  font-family: proxima-nova,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
}
p  {
  font-family: proxima-nova,sans-serif;
  margin-bottom: 8px;
}
ul {
  font-family: proxima-nova,sans-serif;
  margin-bottom: 8px;
}
ol {
  font-family: proxima-nova,sans-serif;
  margin-bottom: 8px;
  position:relative;
}
/* Targets only .customListBox's first level child ol elements */
.customListBox > ol {
  counter-increment: lists;
  counter-reset: items;
  list-style-type: none;
}
/* Targets only the first level child li elements of the first ol's in .customListBox*/
.customListBox > ol > li::before {
  content: counters(lists, "", decimal) "." counters(items, "", decimal) " ";
  counter-increment: items;
  position:absolute;
  left: 0;
}

table, td, th {
  border: 1px #2a3b51;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  padding: 10px;
}

td:hover {background-color: #ECF0F1;}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pretty-json-container {
  padding: 10px;
}

/*
Styles for: Healthpoint API
Date last mod: 31 July 2019
*/

/* --------------------- FONTS --------------------- */
@font-face {
  font-family: 'Adelle Bold';
  src: url('fonts/Adelle-Bold.eot');
  src: url('fonts/Adelle-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Adelle-Bold.woff2') format('woff2'),
  url('fonts/Adelle-Bold.woff') format('woff'),
  url('fonts/Adelle-Bold.svg#fonts/Adelle-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Adelle SemiBold';
  src: url('fonts/Adelle-SemiBold.eot');
  src: url('fonts/Adelle-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Adelle-SemiBold.woff2') format('woff2'),
  url('fonts/Adelle-SemiBold.woff') format('woff'),
  url('fonts/Adelle-SemiBold.svg#fonts/Adelle-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Adelle Regular';
  src: url('fonts/Adelle-Regular.eot');
  src: url('fonts/Adelle-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/Adelle-Regular.woff2') format('woff2'),
  url('fonts/Adelle-Regular.woff') format('woff'),
  url('fonts/Adelle-Regular.svg#fonts/Adelle-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Proxima Nova Regular';
  src: url('fonts/Proxima-Nova-Regular.eot');
  src: url('fonts/Proxima-Nova-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/Proxima-Nova-Regular.woff') format('woff'),
  url('fonts/Proxima-Nova-Regular.ttf') format('truetype'),
  url('fonts/Proxima-Nova-Regular.svg#proxima_nova_altregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Proxima Nova Semi Bold';
  src: url('fonts/Proxima-Nova-Semibold.eot');
  src: url('fonts/Proxima-Nova-Semibold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Proxima-Nova-Semibold.woff2') format('woff2'),
  url('fonts/Proxima-Nova-Semibold.ttf') format('truetype'),
  url('fonts/Proxima-Nova-Semibold.svg#proxima_nova_ltsemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3 { font-family: 'Adelle Regular', Times, serif; }
h4, h5, h6, p, ul, li, footer, .disclaimer { font-family: 'Proxima Nova Regular', Arial, sans-serif; }
h1 { font-size: 28px; color: #2a3b51; font-weight: 600; font-style: normal; }
h2 { font-size: 20px; color: #2a3b51; font-weight: 600; font-style: normal; }
h3 { font-size: 18px; color: #678; font-weight: 400; font-style: normal; }
h4 { font-size: 18px; color: #2a3b51; font-weight: 600; font-style: normal; }
h5 { font-size: 16px; color: #3d81ae; font-weight: 600; font-style: normal; }
h6 { font-size: 16px; color: #678; font-weight: 400; font-style: normal; }
p { font-size: 15px; color: #678; font-weight: 400; font-style: normal; }
text { font-size: 15px; color: #678; font-weight: 400; font-style: normal; }
td { font-size: 15px; color: #678; font-weight: 400; font-style: normal; }
th { font-size: 15px; color: #678; font-weight: 800; font-style: normal; }
a { color: #0066CC; }
label {
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  font-family: proxima-nova,sans-serif;
  font-size: 13px;
  color: #678;
  font-weight: 400;
}
.input-feedback {
  /* text-transform: uppercase; */
  font-size: 15px; color: #678; font-weight: 400; font-style: normal;
  color: rgba(255,0,0,1);
}
input[type=email], input[type=password], input[type=tel], input[type=text], input[type=date], select, textarea {
  font-size: 15px; color: #678; font-weight: 400; font-style: normal;
}
textarea.form-control {
  font-size: 15px; color: #678; font-weight: 400; font-style: normal;
}

ol li {
  font-size: 15px;
  color: #678;
  font-weight: 400;
  font-style: normal;
}
ul li {
  font-size: 15px;
  color: #678;
  font-weight: 400;
  font-style: normal;
}

footer { font-size: 14px; color: #678; font-weight: 400; font-style: normal; }
.disclaimer { font-size: 11px; color: #678; font-weight: 400; font-style: normal; }


/* --------------------- GENERAL --------------------- */
html, body { color: #678; }

.color_dark_text { color: #2a3b51; }
.color_body_text { color: #678; }
.color_healthpoint_blue { color: #3d81ae; }
.color_healthpoint_grey { color: #ecf0f1; }
.color_light_blue { color: #9EC0D7; }
.color_brown { color: #ae643d; }
.color_lighter_grey { color: #F7F8F8 ; }
.background_color_lighter_grey { background-color:  #F7F8F8; }

/* --------------------- BUTTONS --------------------- */

/* --------------------- TEXT --------------------- */

/* --------------------- FORMS --------------------- */
.hpapi-form { background-color: #e9eff3; } /* silly styled-components name */

/* --------------------- HEADER --------------------- */
nav.navbar { background-color: #ae643d !important; margin-bottom: 60px; }
nav.navbar .navbar-brand { position: absolute; z-index: 4; top: 10px; }
nav.navbar .navbar-brand img { background-color: #FFF; border-radius: 80px; width: 140px; height: 140px !important; padding: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); box-shadow: 0 1px 2px rgba(0,0,0,.5); }
nav.navbar a { color: #FFF; }
#navbarCollapse { margin-left: 170px; margin-top: 10px; }
#navbarCollapse h1 { margin-bottom: 20px; }
#navbarCollapse ul li { padding-left: 0 !important; padding-right: 10px !important; }
#navbarCollapse ul li a { text-decoration: underline; padding: 7px 10px; }
#navbarCollapse ul li a.active { background: #FFF; color: #ae643d; }

.row.sample {
  flex: 1;
  border: 1px solid lightgrey;
}

/* --------------------- FOOTER --------------------- */
.footer { min-height: 230px; padding-top: 0 !important; padding-bottom: 0 !important; }
.footer-wrapper { margin-top: 100px; }
.footer-text { }
.footer-text p { opacity: inherit; }

/* --------------------- RESPONSIVE --------------------- */
@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {

}

.parameter__enum.renderedMarkdown {
  display: none;
}

.btn.try-out__btn {
  margin: 10px;
}

.opblock-section-header {
  justify-content: space-between;
}


.doc-data-samples tbody tr td {
  text-align: center;
}