/* Google fonts self hosted thanks to https://google-webfonts-helper.herokuapp.com */
/* indie-flower-regular - latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/indie-flower-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/indie-flower-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/indie-flower-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/indie-flower-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/indie-flower-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/indie-flower-v17-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}
/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/roboto-mono-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/roboto-mono-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-mono-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-mono-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-mono-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-mono-v22-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

.sidebar-brand-text {
  font-size: 1rem;
  font-weight: bold;
}
.sidebar-brand-text img {
  float: left;
  margin-right: 10px;
}
.sidebar-search-container {
  margin-top: 0;
}

.theme-toggle-container {
  display: none;
}

ul.breadcrumbs {
 *zoom:1
}
ul.breadcrumbs:after,
ul.breadcrumbs:before {
  display:table;
  content:""
}
ul.breadcrumbs:after {
  clear:both
}
ul.breadcrumbs li {
  display:inline-block
}
ul.breadcrumbs li a {
  display:inline-block;
  padding:5px
}
ul.breadcrumbs li a:first-child {
  padding-left:0
}
hr.breadcrumbs {
  border: 0;
  border-top: 1px solid #e1e4e5;
}

.border {
  border: 1px solid #ccc;
}
.w80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

code .pre {
  white-space: nowrap;
}

figcaption {
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}
figcaption.left {
  text-align: left;
}
figcaption p:first-child {
  margin-top: 0;
}
article figure {
  margin-bottom: 1.75rem;
}

figure.overlap-caption figcaption {
  color: #fff;
  margin-top: -40px;
  text-align: center;
}
figure.overlap-caption figcaption code {
  color: #fff;
  background-color: transparent;
}
figure.overlap-caption {
  /* This isn't as big as it looks, because of figcaption's negative margin: */
  margin-bottom: 2.5rem;
}

figure.pull-right {
  float: right;
  margin: 0 0 1em 1em;
}
.pull-right video {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 0;
}

.code-block-caption {
  background-color: transparent;
  border: 1px solid #e1e4e5;
  border-bottom: none;
  padding-top: 5px;
  padding-bottom: 2px;
  font-weight: bold;
}
.literal-block-wrapper {
  clear: both;
}
.literal-block-wrapper .highlight {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Callouts like in the bootstrap docs, but not provided by bootstrap itself.
   Copied from https://cpratt.co/twitter-bootstrap-callout-css-styles/ */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  background-color: #f7f7f7;
}
.bs-callout h3,
.bs-callout h4 {
  margin-top: 0 !important;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout code {
  background-color: transparent;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h3,
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h3,
.bs-callout-warning h4 {
    color: #f0ad4e;
}

blockquote.pull-quote {
  margin-right: 24px;
  background: none;
  font-size: inherit;
}
.pull-quote div {
  border-top: 2px solid #404040;
  border-bottom: 2px solid #404040;
  font-weight: bold;
  text-align: center;
}
.pull-quote p {
  margin: 0.5rem 0;
}
.pull-quote div p.attribution {
  font-weight: normal;
}
blockquote.pull-quote code {
  border: none;
  background: none;
  font-style: italic;
}

div.highlight {
  border: 1px solid #e1e4e5;
}
figcaption + div[class*=" highlight-"],
figcaption + div[class^="highlight-"] {
  margin-top: 0;
}
.highlight-python {
  clear: both;
}
.highlight-python.bad-example .c1 {  /* Python comment */
  font-weight: bold;
  color: #800;
}
.highlight button.copybtn {
  background-color: inherit !important;
}

#development-environment-setup ol li {
  margin-top: 1rem;
}
#git-workflow #tip-test-your-local-changes-using-stbt-rig {
  border: 1px solid #ccc;
  padding: 0 1em;
}
#what-is-a-frame-object a code {
  font-weight: bold;
}
#set-up-your-source-code-repository ol > li,
#set-up-your-jenkins-server ol > li,
#set-up-your-jenkins-job ol > li {
  margin-bottom: 12px;
}
#continuous-integration img {
  margin-bottom: 24px;
}
#ci-for-your-test-pack tbody td:first-child {
  color: #000;
  font-weight: bold;
}
#testcases-are-python-functions li a:first-child code {
  font-weight: bold;
}
#python-api-overview li a:first-child code {
  font-weight: bold;
  font-family: inherit;
  font-size: 100%;
  background-color: inherit;
  border: none;
  padding: 0;
}
#python-api-reference #stbt\.android\.CoordinateSystem + dd .property,
#python-api-reference #stbt\.VolumeChangeDirection + dd .property,
#python-api-reference #stbt\.ConfirmMethod + dd .property,
#python-api-reference #stbt\.Direction + dd .property,
#python-api-reference #stbt\.Learning + dd .property,
#python-api-reference #stbt\.MatchMethod + dd .property,
#python-api-reference #stbt\.OcrEngine + dd .property,
#python-api-reference #stbt\.OcrMode + dd .property,
#python-api-reference #stbt\.TransitionStatus + dd .property {
  display: none;
}
.sig-param,
.sig-return {
  white-space: nowrap;
}

.breaking-news {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  /* Copied from bootstrap's .alert .alert-info .text-center */
  color: #31708f;
  background-color: #d9edf7;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #bce8f1;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 16px;
  letter-spacing: .01em;
  word-wrap: break-word;
  line-height: 1.42857143;
}
.breaking-news a {
  color: #f58026;
  text-decoration: none;
}
span.button {
  color: #ffffff;
  background-color: #f77f00;
  padding: 6px 9px;
  border-radius: 4px;
  font-family: "Ubuntu",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
  white-space: nowrap;
  font-size: smaller;
}
video {
  width: 80%;
  display: block;
  margin: 10px auto;
}

.fakeobjectrepo {
  width: 100%;
}
.fakeobjectrepo .screenshot {
  max-width: 640px;
  max-height: auto;
  position: relative;
}
.figure-with-regions {
  position: relative;
}
.fakeobjectrepo .screenshot + a {
  font-size: 10pt;
}
.fakeobjectrepo .screenshot img {
  width: 100%;
}
.fakeobjectrepo .screenshot canvas,
.figure-with-regions canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fakeobjectrepo td {
  padding: 1px 5px;
  vertical-align: top;
}
.fakeobjectrepo td.field:hover,
.fakeobjectrepo td.code:first-child:hover,
.fakeobjectrepo td.code:first-child:hover ~ td.field {
  background-color: #f5f5f5;
}
.fakeobjectrepo .bool,
.fakeobjectrepo .code,
.fakeobjectrepo .type,
.fakeobjectrepo .region {
  font-family: Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size: 9pt;
}
.fakeobjectrepo .str {
  font-size: 12pt;
}

/* Copied from Bootstrap v3.3.2 */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.text-muted,
a.text-muted:hover {
  color: #777;
}
