/**
 * css that is shared between the front-end and back-end
 *
 */
.entry-content .screenshot h2 {
  border-top: none;
}

.content-sidebar-wrap {
  /**
  * tabs css
  * https://www.w3.org/TR/wai-aria-practices/examples/tabs/css/tabs.css
  */
  /* cover the top border of the panel for the bottom of the active tab */
  /* add a dotted border inside the panel if user reaches it with keyboard navigation or clicks inside it */
  /* text version of the screenshot, copied and pasted from a terminal emulator */
  /**
   * Heading for the screenshot. Default is h2.
   * Want it to look like a label for sighted users but still give the SEO and
   * screen reader navigation advantages of using a heading.
   *
   * For accessibility and semantic markup, the screenshot heading should be
   * an h3 if it's a supporting element beneath an existing h2.
   */
}
.content-sidebar-wrap .tabs {
  margin: 0 0 2rem 0;
}
.content-sidebar-wrap .tabs [role=tablist] {
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
}
.content-sidebar-wrap .tabs [role=tab] {
  color: #5c5b5c;
  position: relative;
  margin: 0 -5px 0 0;
  padding: 0.4em 1.75em 0.5em;
  overflow: visible;
  background: transparent;
  text-transform: none;
  border: none;
}
.content-sidebar-wrap .tabs [role=tab]:hover::before,
.content-sidebar-wrap .tabs [role=tab]:focus::before,
.content-sidebar-wrap .tabs [role=tab][aria-selected=true]::before {
  position: absolute;
  bottom: 100%;
  right: -1px;
  left: -1px;
  content: "";
  border-color: #055BF0;
}
.content-sidebar-wrap .tabs [role=tab][aria-selected=true] {
  border: 1px solid #B7B7B8;
  border-radius: 0;
  outline: 0;
  border-top: 3px solid #055BF0;
}
.content-sidebar-wrap .tabs [role=tab][aria-selected=true]:not(:focus):not(:hover)::before {
  border-top: 3px solid #055BF0;
}
.content-sidebar-wrap .tabs [role=tab][aria-selected=true]::after {
  position: absolute;
  z-index: 3;
  right: 0;
  left: 0;
  bottom: -4px;
  height: 4px;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  content: "";
}
.content-sidebar-wrap .tabs [role=tab]:hover,
.content-sidebar-wrap .tabs [role=tab]:focus,
.content-sidebar-wrap .tabs [role=tab]:active {
  border-radius: 0;
  text-decoration: underline;
  color: #000;
}
.content-sidebar-wrap .tabs [role=tab]:hover,
.content-sidebar-wrap .tabs [role=tab]:focus {
  outline: 1px dotted #333;
  outline-offset: -1px;
  background-color: #fff;
}
.content-sidebar-wrap .tabs [role=tab]:active {
  outline: 0;
}
.content-sidebar-wrap .tabs [role=tabpanel] {
  position: relative;
  z-index: 1;
  padding: 1em 1em 0.5em 1em;
  border: 1px solid #B7B7B8;
  background: #fff;
}
.content-sidebar-wrap .tabs [role=tabpanel]:focus {
  outline: 1px dotted #000;
  outline-offset: -5px;
}
.content-sidebar-wrap .tabs [role=tabpanel]:focus::after {
  position: absolute;
  bottom: 0;
  right: -1px;
  left: -1px;
  content: "";
}
.content-sidebar-wrap .tabs [role=tabpanel] p {
  margin: 0;
}
.content-sidebar-wrap .tabs [role=tabpanel] * + p {
  margin-top: 1em;
}
.content-sidebar-wrap .screenshot pre {
  /* Font stack from Hummingbird is
    'HE_Bitmap', 'Lucida Console', 'Lucida Sans Typewriter', 'Consolas', 'Courier New', Courier, monospace, sans-serif
    Moving to a smaller stack to ensure fonts are consistent across operating systems.
  */
  font-family: "Courier New", Courier, monospace, sans-serif;
  font-size: 14px;
  font-size: 0.8rem;
  line-height: 0.8rem;
  padding-bottom: 2rem;
  overflow-x: scroll;
  color: #000;
  white-space: pre;
}
.content-sidebar-wrap .screenshot h2,
.content-sidebar-wrap .screenshot h3,
.content-sidebar-wrap .screenshot h4 {
  color: #000;
  font-family: "nimbus-sans", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.7;
  font-weight: bold;
}/*# sourceMappingURL=tamus-documentation-common.css.map */