@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

h1, h2, h3 {
    margin-top: 30px;
}

.alert h1, .alert h2, .alert h3 {
    margin-top: 0;
}

.jumbotron {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: transparent;
}

.jumbotron small {
    font-size: 11px;
}

.jumbotron p {
    line-height: 1;
}

body > header.index {
    background: radial-gradient(circle farthest-corner at right bottom, #ffd54f 0, #fff 100%);
}

body > header.default {
    background-color: #eee;
}

a:hover, a:focus {
    text-decoration: none;
    color: #2c2c2c;
}

.page-header {
    border-bottom: none
}

.page-header h2 {
    color: #999;
    font-weight: normal;
    font-size: 38px;
}

.navbar-default {
    min-height: 90px;
    padding-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.navbar-default .in .navbar-nav > li > a {
    padding-bottom: 10px;
    text-align: right;
}

.navbar-default .navbar-nav > li > a {
    color: #999999;
    padding: 0 5px;
}

.navbar-default .navbar-nav > li {
    padding: 0 5px;
    border-right: 1px solid #999999;
}

.navbar-default .in .navbar-nav > li {
    padding-right: 0;
}

.navbar-default .in .navbar-nav > li {
    border: none;
}

.navbar-default .navbar-nav > li img, .navbar-default .navbar-nav > li button {
    margin-top: -8px;
}

.navbar-default .navbar-nav > li:nth-child(2) {
    border-left: 1px solid #999999;
}

.navbar-default .in .navbar-nav > li {
    border: none;
}

.navbar-default .navbar-nav > li:first-child {
    border-left: none;
    border-right: none;
    /*padding-right: 10px;*/
}

.navbar-default .navbar-nav > li:last-child {
    border-right: none;
    /*padding-left: 10px;*/
    padding-right: 0;
    margin: 0;
}

.navbar-default .in .navbar-nav > li:last-child {
    /*display: none;*/
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #5a5a5a;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #5a5a5a;
    background-color: transparent;
}

.navbar-default ul {
    margin-top: 40px;
}

.navbar-default > li > a {
    /*padding: 1px 5px 1px 10px;*/
}

body {
    /*font-family: "Cardo",sans-serif;*/
    font-family: "Droid Sans", sans-serif;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Droid Sans", sans-serif;
    font-weight: bold;
}

body > footer {
    min-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 70%;
}

body section#social {
    background: radial-gradient(circle farthest-corner at left top, #fad037 0, #fff 100%);
}

body section#products {
    background-color: #ffd54f;
    border-bottom: 5px solid #ccc;

}

body section#protocols {
    background: radial-gradient(circle farthest-corner at right bottom, #ccc 0, #fff 100%);
}

body section#cryptomator {
    background: radial-gradient(circle farthest-corner at right bottom, #a2c94d 0, #ddd 100%);
}

nav .alert {
    border-radius: 0;
    margin-bottom: 0;
}

nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 {
    font-weight: normal;
}

.btn {
    margin-bottom: 2px;
}

.btn-primary {
    background-color: #5a5a5a;
    border-color: #3C404B;
}

.btn-primary a {
    color: #fff;
}

.btn-danger {
    background-color: #BA3900;
    border-color: #BA3900;
}

.btn-danger a {
    color: #fff;
}

.btn a:hover {
    text-decoration: none;
}

.btn .media-body {
}

.screen-reader-text {
    display: none;
}

blockquote {
    font-size: inherit;
}

blockquote p {
    font-size: inherit;
}

#lang {
    padding: 0;
}

#lang ul > li:first-child {
    padding-left: 0;
}

#lang li {
    display: inline;
}

.showcase-thumbnail-wrapper-vertical {
    padding: 10px 0;
}

.showcase-thumbnail-container {
    margin-left: -40px;
}

.swissmade {
    padding-bottom: 20px;
}

blockquote {
    overflow-x: auto;
}

.alert:empty {
    display: none;
}

.label {
    font-weight: normal;
}

.tooltip-inner {
    max-width: 350px; /* set this to your maximum fitting width */
    width: inherit; /* will take up least amount of space */
}

.content li.list-group-item { background-color: transparent; }
.content li.list-group-item:nth-child(odd) { background-color: #f5f5f5; }

.dropdown-menu {
    font-size: inherit;
}

.img-thumbnail {
    background-color: transparent;
    max-width: none;
}

.media-object {
    max-width: none;
}

section#protocols .media-body p {
    font-size: 90%;
}

a.img-thumbnail {
    border-color: transparent;
}
a.img-thumbnail:hover {
    border-color: #ddd;
    background: #fff;
}