/* Fix line numbers alignment for Bootstrap 5 */
code, pre {
    unicode-bidi: normal;
}

/* Extra space over h5 */
h5 {
    margin-top: 1.3em;
}

h1 {
    margin-bottom: 1em;
}

/* Center align first columns */
.center-col-1 td:nth-child(1), .center-col-1 th:nth-child(1) { 
    text-align:center
}

@media (min-width: 500px) {
    /* No line breaks in second column  */
    .nobreak-col-2 td:nth-child(2), .nobreak-col-2 th:nth-child(2),
    .nobreak-col-4 td:nth-child(4), .nobreak-col-4 th:nth-child(4) { 
        white-space: nowrap;
    }
}

body {
    overflow-y: scroll;
}

table {
    width: 100%;
}


/* Tables for comparing code snippets */
.code-compare-table {
    width: 100%;
    table-layout: fixed;
}

.code-compare-table tbody {
    vertical-align: top;
}

.code-compare-table td {
    width: 50%;
}


/* Highlight user input in console demonstrations */
.user-input {
    /* background-color: #e2fffe; */
    color: darkolivegreen;
    font-weight: bold;
}

blockquote {
    background-color: #f5ede3;
    font-style: italic;
    padding: 1em 1em .2em 1em;

    border: 1px solid #ccc;
    border-radius: 4px;
}

.level-container blockquote {
    background-color: #f8f4f5;
}

.card-body :last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 500px) { 

    .hide-col-2-if-narrow td:nth-child(2), .hide-col-2-if-narrow th:nth-child(2) {
        display:none;
    }
    .hide-col-1-if-narrow td:nth-child(1), .hide-col-1-if-narrow th:nth-child(1) {
        display:none;
    }
 
 }

/* p tags that follow directly after a .highlight div */
.highlight + p {
    margin-top: 1em;
}

.cimg-container {
    margin-bottom: 1em;
}