body {
    font-family: 'deliciousroman';
    background-color: #FDFDFD;
    font-size: 2rem;
    color: #455b65;
}

.header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #FEFEFE;
}

.logo {
    max-width: 100%;
    width: 30rem;
    height: auto;
}

.menu {
    float: right;
    text-align: right;
}

.menu-item {
    display: inline-block;
    font-size: 2.5rem;
    margin-top: 2.2rem;
    margin-left: 1rem;
    text-align: center;
}

.menu-item a {
    color: #404040;
}

.menu-item a:hover {
    text-decoration: none;
    color: #868686;
}

.menu-item-selected a {
    font-weight: bold;
    color: #fbc02a;
}

.header-separator {
    height: 1rem;
    background: linear-gradient(rgba(180, 180, 180, 0.4), rgba(150, 150, 150, 0));
}

.footer {
    margin-top: 10rem;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 80%;
    color: #AAA;
}

.breadcrumb {
    margin-top: 3rem;
}

@media (min-width: 1200px) {
    /*.content {
        margin-left: 3rem;
    }*/

    .sub {
        margin-left: 2rem;
    }
}

.btn {
    font-size: 2rem;
}

.btn-sm {
    font-size: 12px;
}

.btn-xs {
    font-size: 12px;
}

h1 {
    margin-top: 3rem;
}

h1, h2 {
    color: #fbc02a;
}

h3, h4, h5, h6 {
    color: #fcd836;
}

.a-nodeco {
    color: inherit;
}

.a-nodeco:hover {
    text-decoration: inherit;
}

em {
    font-style: normal;
    font-weight: bold;
}

code {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-weight: bold;
    color: #D43434;
    background-color: #00000005;
}

a code:hover {
    background-color: #00000010;
}

.code-raw {
    font-size: 0.8em;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-weight: bold;
    color: #F8F8F2;
    background-color: #272822;
    padding: 0.3rem 0.8rem;
    border-radius: 0.5em;
}

.sub p {
    text-align: justify;
}

.home-header {
    background-color: #455B65;
}

.home-menu-item a {
    color: #eef4f6;
}

.home-header-separator {
    background: linear-gradient(#112228, #2F434C);
}

.home-banner {
    background-color: #2F434C;
    background: radial-gradient(ellipse at center, #324851 0%, #2F434C 100%);
    text-align: center;
    padding: 3em 0.5em;
}

.home-banner-logo {
    height: 20em;
    max-width: 100%;
}

.home-banner-title {
    text-align: center;
    font-size: 180%;
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #eef4f6;;
}

.home-banner-btn-gettingstarted {
    background-color: #fbc02a;
    border-color: #AF8006;
}

.home-banner-btn-gettingstarted:hover {
    background-color: #fcd836;
    border-color: #DEBD26;
}

.home-banner-wip {
    color: #fbc02a;
    margin-top: 2em;
    font-style: italic;
}

.home-card {
    text-align: center;
    padding-top: 3em;
}

.home-card img {
    height: 7em;
}

.home-card-title {
    font-weight: bold;
    font-size: 150%;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
}

.home-card-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.home-card-content li {
    margin-top: 0.7em;
    line-height: 120%;
}

.home-card-btn {
    margin-top: 1em;
}

.home-banner-cards {
    margin-bottom: 1em;
}

.home-helloworld {
    background-color: #CACFD1;
    padding: 2em 1em;
}

.home-helloworld-title {
    font-weight: bold;
    font-size: 150%;
    margin-bottom: 1em;
    text-align: center;
}

.console {
    background-color: #303030;
    color: white;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    border-radius: 4px;
    padding: 10px;
    font-size: 13px;
}

.console ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.console li:before {
    content: "$ ";
}

.home-helloworld-carbide {
    width: 500px;
    max-width: 90%;
    margin-top: 1em;
}

.home-helloworld-sub1 {
    margin-top: 0.5em;
    text-align: center;
}

.home-helloworld-sub2 {
    margin-top: 0.5em;
    text-align: center;
}


.libtungsten-name {
    /*font-weight: 600;*/
}

.gobackexamples {
    float: right !important;
    margin-top: 1em;
}

/*.name {
    font-weight: bold;
    color: #455b65;
}*/

.card {
    margin-top: 3rem;
    padding: 3rem;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.01);
}

.examples {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.example {
    max-width: 33%;
    min-width: 300px;
    flex-grow: 1;
    padding: 10px;
}

.example-bloc {
    height: 100%;
}

.example-bloc ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.example-reference {
    text-align: center;
    font-size: 80%;
    margin-top: -5px;
    margin-bottom: 5px;
}

.example-reference-logo {
    height: 1.5em;
}

.example-easy, .example-intermediate, .example-advanced {
    border-left: 0.3em solid;
    padding-left: 0.3em;
    margin-top: 0.5em;
}

.example-easy:hover, .example-intermediate:hover, .example-advanced:hover {
    border-left-width: 0.5em;
}

.example-easy {
    border-left-color: #5cb85c;
}

.example-intermediate {
    border-left-color: #f0ad4e;
}

.example-advanced {
    border-left-color: #d9534f;;
}

.example-bloc-title {
    text-align: center;
    margin-top: 0;
}

.doc-block {
}

.doc-block-logo {
    height: 5em;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.doc-block-title {
    text-align: center;
}

.doc-block h1 {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.glyphicon {
    top: 0.2em;
}


.doc-block-tutorial h1,
.content-tutorial h1,
.content-tutorial h2,
.content-tutorial h3 {
    color: #70C657;
}

.doc-block-reference h1,
.content-reference h1,
.content-reference h2,
.content-reference h3 {
    color: #3F6CD7;
}

.doc-block-underthehood h1,
.content-underthehood h1,
.content-underthehood h2,
.content-underthehood h3 {
    color: #D43434;
}

.api_function {
    margin: 2rem 0rem;
    padding: 1rem 1rem 1rem 2rem;
}

.api_function_basic {
    background: linear-gradient(to right, #38B513 0%, #38B513 0.5rem, #ffffff 0.5rem);
}

.api_function_basic:hover {
    background: linear-gradient(to right, #40D116 0%, #40D116 0.5rem, #E5FADF 0.5rem);
}

.api_function_advanced {
    background: linear-gradient(to right, #fbc02a 0%, #fbc02a 0.5rem, #ffffff 0.5rem);
}

.api_function_advanced:hover {
    background: linear-gradient(to right, #FBCF5F 0%, #FBCF5F 0.5rem, #FBF2D8 0.5rem);
}

.api_function_expert {
    background: linear-gradient(to right, #c7254e 0%, #c7254e 0.5rem, #ffffff 0.5rem);
}

.api_function_expert:hover {
    background: linear-gradient(to right, #EE2C5D 0%, #EE2C5D 0.5rem, #F8E2E7 0.5rem);
}

.api_function_internal {
    background: linear-gradient(to right, #A3A3A3 0%, #A3A3A3 0.5rem, #ffffff 0.5rem);
    color: #A3A3A3;
}

.api_function_internal:hover {
    background: linear-gradient(to right, #BFBFBF 0%, #BFBFBF 0.5rem, #EEEEEE 0.5rem);
}

.api_function_prototype {
    max-width: 100%;
    overflow: auto;
    font-size: 0.8em;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-weight: bold;
    color: #F8F8F2;
    background-color: #272822;
    padding: 1rem 2rem;
    border-radius: 1rem;
}

.api_function_description {
    max-width: 100%;
    overflow: auto;
    margin-top: 1.5rem;
    margin-left: 2rem;
}

.api_type {
    color: #40BEE0;
    font-style: italic;
}

.api_name {
    color: #A6E22E;
}

.api_value {
    color: #847EFF;
}

.api_keyword {
    color: #C5265E;
}

.carbide_pins_menu {
    text-align: center;
}

.carbide_pins_menu_item {
    display: inline;
}

.carbide_pins_menu_item label {
    margin-bottom: 0px;
}

.wget-link {
    display: block;
    background-color: #303030;
    color: white;
    font-size: 60%;
    vertical-align: 0.1em;
    margin-left: 0.5em;
    padding: 3px 5px;
}

.table-tc th, .table-tc td {
     text-align: center;
}