#home-jumbotron {
    background-image: none;
    background-color: #f3f3f3;
    color: #333;
    height: auto;
}

#welcome-panels-container {
    background-color: #fff;
}

/* Navigation bar on the top of the page*/

#navbar {
    background-color: #01689b;
    padding: 0 5px;
}

.navbar-fixed-top::before {
    display: block;
    content: " ";
    background-image: url(https://dataplatform.knmi.nl/knmi.svg);
    height: 125px;
    background-position-x: calc(50% + 132px);
    background-position-y: top;
    background-repeat: no-repeat;
    background-color: white;
}


.navbar-inverse {
    background-color: #01689b;
    color: #fff;
    opacity: 1.0;
    border-color: #01689b;
}

.navbar-inverse .navbar-brand {
    color: #fff;
    visibility: hidden;
    text-indent:-175px;
    margin-right: 75px;
    font-weight: 600;
}

.navbar-inverse .navbar-brand:after {
    color: #fff;
    visibility: visible;
    content: "KNMI Developer Portal";
}
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    text-decoration: underline;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    text-decoration: underline;
}

#secondary-navigation {
    display: none;
}

/* Catalog page */
.catalogues-list h2 > .badge {
    display: none;
}

/* Align catalog items */
.row.catalogues-list .col-md-4 {
    display: flex;
    flex-direction: column;
}

.row.catalogues-list .col-md-4 > .btn:first-of-type {
  margin-top: auto; /* Push to bottom */
}

/* Documentation pages */

.doc-link {
    color: #363636;
    font-weight: 700;
    text-decoration: none;
    display: block;
    cursor: pointer;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    width: 100%;
    text-align: left;
}

.doc-link:before {
    font-family: fontAwesome;
    content: "\f08e";
}

/* collapsibles */

details summary, doc-link{
    color: #363636;
    font-weight: 700;
    text-decoration: none;
    display: block;
    cursor: pointer;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

details summary:hover {
    text-decoration: underline;
}

details summary:before {
    content: '\25bc';
    padding-right: 15px;
    float: right;
}

details[open] summary:before{
    content: '\25bc';
    padding-right: 15px;
    padding-top: 15px;
    float: right;
    transform: rotate(90deg)
}

details summary > * {
    display: inline;
}

/* Swagger elements*/

.opblock-options {
    display: none;
  }

.scheme-container {
    display:none;
  }

/* Increase the min-width for which the menu is collapsed */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/* Buttons
    btn.primary is the big button on the home page
    .btn-default are the other buttons on the home page
    btn-catalogue is on the api catalogue page for view documentation
*/

.btn-primary {
    color: #fff;
    background-color: #01689b;
}

.btn-primary:hover {
    color: #fff;
    background-color: #01689b;
    text-decoration: underline;
}

.btn-default {
    color: #333;
    background-color: #b5ddf7;
}
.btn-default:hover {
    color: #333;
    background-color: #b5ddf7;
    text-decoration: underline;
}
.btn-default:after {
    color: #333;
    background-color: #75a0ce;
    text-decoration: underline;
}

.btn {
    border-radius: 0;
    border-width: 0;
}


/* Text */

a {
    color: #007bc7;
}

a:hover {
    color: #007bc7;
    text-decoration: underline;
}

/* Offset HTML anchor to adjust for fixed header */
a.anchor {
    display: block;
    position: relative;
    top: -158px;
    visibility: hidden;
}

h2 {
    font-weight: bold;
    font-size: 1.625rem;
}
h3 {
    font-size: 1.50rem;
    line-height: 2rem;
}

/* Main */
body > div > .container:first-child {
    margin-top: 200px !important;
}
body > div > .jumbotron {
    margin-top: 200px;
}
body > div > .row {
    margin-top: 200px;
}
body > div > .info {
    margin-top: 200px;
}

body {
    font-family: "RO Sans", Calibri, sans-serif;
}

table {
    border-collapse: collapse;
    width: 100%;
}
tr, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}