.documentation .header {
    background: #f3f3f3;
    color: #494d55;
    padding: 20px 0;
}

.documentation .breadcrumb li.active, .documentation .breadcrumb li a {
    color: #000;
}

.documentation .header h1 {
    text-align: center;
}

.header {
    border-top: none;
}

span.file-path {
    background: #F8F8FF;
    /*border: black dashed 1px;*/
    padding: 3px;
    font-weight: bold;
}

body.documentation div.doc-wrapper div.container {
    margin-bottom: 600px; /* Need enough space after the content to be able to scroll directly the in-page elements by using #an-id links */
}

body.landing-page .cards-section {
    padding: 20px 0;
}
#doc-menu {
    max-width: 230px;
}

/* Section link hover styling */
.section-link {
    display: inline-block;
    margin-left: 8px;
    opacity: 0;
    font-size: 16px;
    transition: opacity 0.2s;
    color: #999;
    text-decoration: none;
}

h2:hover .section-link,
h3:hover .section-link {
    opacity: 1;
}

.section-link:hover {
    color: #0078D4;
    text-decoration: none;
}