/*
 * plain.css - BunsenLabs.org stylesheet
 * Copyright (C) 2015-2018 Jens John <dev@2ion.de>
 *
 * Parts of it are based on or copied from the 'Buttondown' pandoc
 * stylesheet by Ryan Gray. Link to the original file:
 * https://gist.github.com/ryangray/1882525
 */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/bundle/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/bundle/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/bundle/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/bundle/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/bundle/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/bundle/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/bundle/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/bundle/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/bundle/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/bundle/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/bundle/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/bundle/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/bundle/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/bundle/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/bundle/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/bundle/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/bundle/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/bundle/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/bundle/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/bundle/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/bundle/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/bundle/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/bundle/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/bundle/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/bundle/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/bundle/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/bundle/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/bundle/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/bundle/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* ubuntu-mono-regular - latin */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-mono-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'),
       url('../fonts/ubuntu-mono-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-mono-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-mono-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-mono-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-mono-v7-latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}

.center {
  text-align: center;
}

.marginbox {
  margin: 20px 20px 20px 20px;
}

monospace {
  font-family: "Ubuntu Mono", monospace;
  font-size: 107%;
}

html {
  height:100%;
}

body {
    width:100%;
    height:100%;
    margin:auto;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #272822;
    background-color: #fff;
    text-rendering: optimizeLegibility;
}

.content-wrapper {
  width:800px;
  margin:auto;
}

nav > .content-wrapper, footer > .content-wrapper {
  text-align:center;
}

nav {
  padding: 2ex 0 3ex 0;
  background-color: #272822;
}

nav img {
  margin-bottom: 1ex;
}

footer {
  padding: 2ex 0 1ex 0;
  border-bottom: 1px solid #ddd;
  border-top:1px solid #ddd;
  background-color:#f6f6f6;
  color:#272822;
  font-size:2ex;
}

.footer-row {
  margin-bottom:1ex;
  font-family:"Roboto",sans-serif;
  font-weight: 500;
}

.footer-row a, .footer-row a:visited {
  padding: 10px 12px 6px 12px;
  margin-right:2ex;
  color:#272822;
  text-decoration:none;
  font-family:"Open Sans", sans-serif;
}

.footer-sponsor {
  float:left;
  margin-left:2ex;
}

.footer-sponsor img {
  height:6ex;
}

.footer-row a:hover {
  text-decoration:none;
  border-bottom:4px solid #272822;
}

.nav-row a, .nav-row a:visited {
  margin-top: 4px;
  padding: 6px 12px 6px 12px;
  color: #fff;
  font-size: 2ex;
  text-decoration:none;
}

.nav-row a:hover {
  text-decoration:none;
  border-bottom: 4px solid #f6f6f6;
}

.nav-row a.selected {
  border-bottom: 4px solid #f6b620;
}

.toc {
  padding:2ex 0 2ex 0;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
}

.toc ul {
  margin-top:0;
  margin-bottom:0;
}

.toc a {
  color:#272822;
  text-decoration:none;
  font-size:2ex;
}

main p {
  line-height: 1.50;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  page-break-after: avoid;
}

pre, code {
  font-family: 'Ubuntu Mono', monospace;
  white-space: pre;
}

pre {
  background-color: rgba(203,207,211, 0.1);
}

code {
  color: #9b0c0c;
  font-size: 110%;
}

pre {
  padding: 0.5em;
  border-radius: 0px;
  border: 1px solid #aaa;
  line-height: 1.25;
}

@media screen {
  pre {
    white-space: pre;
    overflow: auto;
    border: 1px dotted #777;
  }
}

hr {
  height: 1px;
  border-width: 0;
  background-color: #272822;
  color: #272822;
  text-align:center; margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
  width: 20%;
}

main  a {
  text-decoration: none;
  color: #9b0c0c;
}

main a:visited {
  color: #9b0c0c;
}

a:hover {
  text-decoration: underline;
}

a.header, #TOC ul a {
  color: black;
}

a.footnote, a.footnoteRef {
  font-size: small;
  vertical-align: text-top;
}

span.semibold {
  font-weight: 600;
}

#feed {
  max-width:700px;
  margin:auto;
  margin-bottom:2ex;
  margin-top:2ex;
}

.gha-header, .gha-push {
  display:none;
}

.gha-feed a, .gha-feed a:visited {
  color: #9b0c0c ! important;
}

.gha-feed {
  background-color: rgba(203, 207, 211, 0.1) ! important;
}

.gha-footer {
  border-bottom:1px solid #ddd;
}

table {
  border-collapse: collapse;
  border-bottom: 2pt solid #272822;
  border-top: 2pt solid #272822;
  margin-bottom:2ex;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

thead {
  border-bottom: 1pt solid #272822;
  background-color: #f5f5f5;
}

tr.odd:hover, tr.even:hover {
  background-color: #eee;
}

td, th {
  vertical-align: middle;
  padding-left:   0.5ex;
  padding-right:  0.5ex;
  padding-top:    0.5ex;
  padding-bottom: 0.5ex;
}

table.plain {
  border: none;
}

table.plain td, table.plain th {
  vertical-align: middle;
}

th {
  font-weight: bold;
}

caption {
  caption-side: top;
  border: none;
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
  margin-bottom: 0.3em;
  padding-bottom: 0.2em;
}

ul > li, ol > li {
  margin-top: 0px;
  line-height: 1.5;
}

dl > dt
{
  font-weight: 600;
  margin-bottom: 0.25em;
  margin-top: 0.5em;
}

.sliderbox
{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.info {
  background-color: #e0ffba;
  padding: 10px 30px 10px 30px;
  border: 1px solid #00aa00;
}

.warning {
  background-color: #fcffba;
  padding: 10px 30px 10px 30px;
  border: 1px solid #aa0000;
}

.emph {
  background-color:#f5f5f5;
  padding: 10px 30px 10px 30px;
  border:1px solid #909090;
}

/* Repository index */
span.pkg-section {
  font-family: "Ubuntu Mono", monospace;
  color:#aaa;
  font-size: 110%;
}
span.pkg-section::before {
  content: " [";
}
span.pkg-section::after {
  content: "]";
}

span.pkg-version, span.pkg-count, span.distro-modification-date {
  float:right;
}

#bl-repo-index h3 {
  margin-bottom:-0.5em;
}

#bl-repo-index a {
  color: #272822;
}

#bl-repo-index table {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    width:100%;
}

#bl-repo-index table {
  border-bottom: 1pt solid #272822;
  border-top: 1pt solid #272822;
}

#bl-repo-index thead {
  border-bottom: 1pt solid #272822;
  background-color: #f5f5f5;
}

#bl-repo-index tbody tr:hover {
  background-color: #efefef;
}
    
#bl-repo-index td, #bl-repo-index th { 
  vertical-align: middle;
  padding-left:   0.5em;
  padding-right:  0.5em;
  padding-top:    0.2em;
  padding-bottom: 0.2em;
}

#bl-repo-index .toc {
  padding-top:0;
  margin-top:-1ex;
  background-color: inherit;
}

#bl-repo-index .toc ul li:hover {
  background-color: #efefef;
}

#bl-repo-index .toc ul li {
  padding: 0 4px 0 4px;
}

.torrent-status {
  display:none;
  font-family:"Ubuntu Mono";
  color:#6f6f6f;
}

.news-heading {
  position:relative;
}

.news-section p {
  margin-top:-1ex;
}

.news-updated {
  color:#272822;
  display:block;
  float:right;
  margin-left:1ex;
}

.news-archive a, .news-archive a:visited {
  color:#272822;
}

.right {
  float:right;
}

/* Responsive @media */
@media all and (min-width: 800px) {
  nav img {
    height: 120px;
  }
}

@media all and (max-width: 799px) {
  nav img {
    width: 85%;
  }
  .content-wrapper {
    width:90%;
  }
  nav .content-wrapper a, footer .footer-row a {
    display:block;
  }
  .footer-sponsor {
    display:none;
  }
  span.pkg-version, span.pkg-count, span.distro-modification-date {
    display: none;
  }
  span.torrent-status {
    display:none;
  }
  span.news-updated {
    display:none;
  }
}

@media all and (max-width: 799px) and (orientation: landscape) {
  nav img {
    width: 65%;
  }
  .content-wrapper {
    width:75%;
  }
}

.progress > svg{
  height:30px;
  border: 1px solid #00aa00;
}

.progress {
  margin:2ex 0 2ex 0;
}

.progress .progressbar-text {
  color: #272822!important;
  font-family: "Roboto Sans";
}

form#package-search {
  margin-top:20px;
}