.lang-slector {
	float: right;
	padding-top: 2mm;
	padding-bottom: 4mm;
	margin-left:  15px;
	margin-right: 15px;
}

html {
	overflow-y: scroll;
}

ul nav {
    background-color: rgb(8,8,8);
    border-radius: 0px;
}

.c_acronym {
  background-color: #A5C663;
}

.wallet-teaser-text {
  padding-bottom: 2em;
}

.install-button {
  border: none;
  padding: 8px 8px;
  background-color: #0042b3;
  color: #fff;
}

.extension.row > .col-lg-6 {
  padding-bottom: 2em;
}

a,
a:link,
a:visited {
    text-decoration: underline;
    color: black;
}

nav a,
nav a:link,
nav a:visited {
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
    /* 0,0,0,.5 makes it problematic to read,
       simply black is less problematic */
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.skip
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.skip:focus
{
position:static;
width:auto;
height:auto;
background: white;
padding: 5px;
}

#body_content a:hover {
  transition: background-color 0.3s;
  background-color: rgba(200, 200, 200, 0.5);
}

.c_intro {
  min-height: 97vh;
}

/* don't show the language selector in the dropdown on mobile devices,
 * since it's in the top bar already.
 */
.in .nav-lang {
  display: none;
}

.mobile-lang {
  margin-left:5px;
  margin-top: 8px;
}

#mybody {
  /* override ugly bootstrap defaults */
  color: black;
  position: relative;
  min-height: 100%;
}

#body_content {
  height: 100%;
}

footer {
  position: relative;
  bottom: 0;
  height: 340px;
}

.btn-dark {
  background-color: #9d9d9d;
}


#mybody nav {
 border-radius: 0px;
}

footer {
  padding-top: 2em;
  margin-top: 2em;
}


#body_content .container {
  margin-bottom: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
}

#body_content {
  /* push footer down */
  min-height: 80vh;
}

.footer-list {
  list-style: none;
}

.cushion-above {
  padding-top: 2em;
}

.cushion-below {
  padding-bottom: 2em;
}

.invert {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

/* overrides bootstrap defaults.  */
.navbar-brand {
  display: contents;
}

.checkmark {
  height: 1em;
  margin-right: 0.3em;
  vertical-align: baseline;
  position: relative;
  top: 0.2em;
}

.checklist {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style-type: none;
  padding-left: 0px;
  font-size: 1.2rem;
}

.tlr {
  display: inline-block;
  position: relative;
}

.tlr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  bottom: 0;
  left: 0.2em;
  background: rgba(170, 57, 57, 0.3);
  z-index: -1;
}


.timeline header {
  text-align: left;
  margin-bottom: 5px;
}


ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}