@import url(../fonts/ember-font.css);
body {
  font-family: 'Amazon Ember', 'Open Sans', Helvetica, sans-serif;
  font-size: 16px;
}

/**
 * Make a nice sparse table
 */
.element-table { width: 100%; }
.element-table td { padding: 0.6em 0.2em; }
.element-table tr {
    border-top: solid 1px #ddd;
}

.element-table td:first-child {
    width: 30%;
}

@media only screen and (max-width: 500px) {
    .element-table td {
        display: block !important;
        width: 100% !important;
    }
}

/**
 * Colors
 */
.navbar-default {
    background: #eee !important;
    border-bottom: solid 1px #ddd !important;
}

.sidenav, .sidetoc, .sidefilter, .toc {
    background: white !important;
}

/**
 * Needs color now that the sidebar doesn't have one
 */
.toc-filter, .toc-filter input {
    background: #eee !important;
}

.navbar-inverse { background: #237ea0; }

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
    color: #e2e2e8;
}

/*
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background: #DEDBD8;
    color: black;
    border-bottom: solid 1px #DEDBD8;
}

*/

article h4 {
    border-bottom: 0px !important;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.5em;
}

.indent {
    margin-left: 1em;
}

h5 { font-weight: bold; }

dl dd, dl dt {
    margin: 1em 0em;
}

.parametername, dl .parametername {
    font-style: normal;
    padding: 0.3em 1em;
    margin-right: 0.8em;
    background: #F6F6F6;
}

.parametertype, dl .parametertype {
    font-weight: normal;
    color: #666;
}

.svg {
    height: 40px;
    margin-top: 5px;
}

/* Need this to prevent the examples from word wrapping which is unreadable */
code { white-space: inherit !important; }