.page-document {
    .document {

        p {
            line-height: 1.70;
            margin: 10px 0 10px;
        }

        > header {
            padding-bottom: 20px;
            border-bottom: 1px solid #f0f2f1;
            h1 {
                margin: 0;
            }
            small {
                -webkit-font-smoothing: antialiased;
                font-weight: 200;
                font-size: $font-size;
            }
        }

        > h2:first-of-type {
            margin-top: 15px;
        }

        > h2 {
            //font-size: 30px;
            //font-weight: 400;
            margin-top: 55px;
            position: relative;
        }

        > h3 {
            //font-size: 24px;
            //font-weight: 400;
            margin-top: 45px;
            position: relative;
        }

        > h2 + h3 {
            margin-top: 20px;
        }

        > h4 {
            //font-size: 18px;
            //font-weight: 400;
            margin-top: 35px;
            position: relative;
        }

        > h3 + h4 {
            margin-top: 15px;
        }

        > h5 {
            margin: 10px 0 5px 0;
            font-weight: 200;
            font-size: 17px;
            color: black;
            position: relative;
        }

        > h6 {
            margin: 5px 0 5px 0;
            font-weight: 200;
            font-size: 14px;
        }

        li > ul,
        li > ul ul {
            font-size: 15px;
            padding-left: 20px;
            font-weight: 400;
        }

        ul, ol {
            //#margin-top: 10px;
        }

        table + ul, table + ol {
            margin-top: 10px;
        }

        a:hover:not(.btn) {
            //color: darken($color__salmon, 10%);
        }


        blockquote {
            @extend .blockquote;
            margin-top: 1rem;
            //background: material-color('grey', '200');
            p {
                font-size: 0.9rem;
                margin: 0;
            }
            a:hover {
                //color: lighten($brand, 25%);
            }
        }

        table {
            @extend .table;
            @extend .table-bordered;
            //border-collapse: collapse;
            width: 100%;
            //font-size: 14px;
            th,
            td {
                //border: 1px solid $color-codex-grey;
                padding: 6px;
                text-align: left;
            }
            th {
                //font-size: 15px;
            }
        }
    }

    // toc processor
    .document {
        ul.toc {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.5;
            padding-top: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid $hr-border-color;
            -webkit-font-smoothing: antialiased;
            ul {
                list-style: none;
            }
            li {
                &:before {
                    content: "# ";
                    margin-right: .25em;
                    //color: $color__salmon;
                    opacity: .3;
                }
                a {
                    text-decoration: none;
                }
            }
        }
        .toc-header-link,
        .toc-header-link:hover {
            //color: $color__gray;
            text-decoration: none;
        }

        .toc-header-link:before {
            content: "#";
            margin-left: -17px;
            position: relative;
            font-size: 28px;
            top: 23px;
            display: none;
            //color: $color__salmon;
            opacity: .4;
        }

        h3 .toc-header-link:before {
            font-size: 26px;
            top: 0;
        }
        h4 .toc-header-link:before {
            font-size: 21px;
            top: -1px;
        }
        h5 .toc-header-link:before {
            font-size: 20px;
            top: -3px;
        }

    }

    // button processor
    .document {
        .top-buttons {
            float: right;

            &.top-buttons-groups {
                //@extend .btn-toolbar;
                .top-button-group {
                    //@extend .btn-group;
                    .btn:not(:first-child) {
                        //border-left: 1px solid lighten($color__accent, 20);
                    }
                }
            }
            .btn {
                padding: 3px 10px;
                font-size: 12px;
                text-decoration: none;
            }
        }
    }


}


.page-document .collapse {

    .collapse-item {
        .card-header {
            cursor: pointer;
        }
        .card-header-title {
            padding-left: 15px;
        }
        .card-header-icon {
            transition: transform .377s ease;
            float: left;
            position: relative;
            top: -36px;
            left: 0px;
            font-size: 1.4rem;
        }
        .card-content {
            padding-top: 0;
            padding-bottom: 0;
            overflow: hidden;
        }
        .card-content-box {
            padding-top: 0px;
            padding-bottom: 10px;
        }

        &.is-active {
            > .card-header {
                > .card-header-icon > i {
                    transform: rotate(0deg);
                }
            }
        }
    }
}