/**
 * -------------------------------------------------------------------------
 *
 * The same styles as Bootstrap.
 *
 * -------------------------------------------------------------------------
 *
 * @package    MimimiFramework
 * @subpackage Examples / Static Pages only
 * @license    GPL-2.0
 *             https://opensource.org/license/gpl-2-0/
 * @copyright  2022 MiMiMi Community
 *             https://mimimi.software/
 *
 * -------------------------------------------------------------------------
 */

    @import url( '../fonts.css' );
    @import url( '../autoscale.css' );
    @import url( '../vendors/bootstrap-5.3.5.min.css' );

    html:has(> body > .wrapper > .content > .form),
    body:has(> .wrapper > .content > .form),
    body > .wrapper:has(> .content > .form),
    .wrapper > .content:has(> .form),
    .content > .form,
    .topbar,
    .topbar *,
    .aside,
    .aside *,
    .form > .left,
    .form > .right,
    .form > .right *,
    .footnote,
    .footnote * {
        background: transparent;
        border: none;
        box-shadow: none;
        box-sizing: border-box;
        border-radius: 0;
        color: inherit;
        outline: none;
        cursor: default;
        font-family: inherit;
        font-size: inherit;
        font-style: normal;
        font-weight: normal;
        line-height: 1.33;
        margin: 0 auto;
        padding: 0;
        max-width: 100%;
        text-align: left;
        text-decoration: none;
        text-shadow: none;
        vertical-align: middle;
        position: relative;
    }

    a,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    input[type="image"],
    input[type="file"],
    .btn {
        cursor: pointer;
    }

    .to-left {
        text-align: left;
    }
    .center {
        text-align: center;
    }
    .to-right {
        text-align: right;
    }
    .justify {
        text-align: justify;
    }

    html:has(> body > .wrapper > .content > .form) {
        font-family: var( --fontName );
    }

        body:has(> .wrapper > .content > .form) {
            font-size: var( --fontSize );
        }

            body > .wrapper {
            }

                .wrapper > .content:has(> .form) {
                    padding: 1.5rem;
                }

                    .wrapper > .content:not(:has(> .form))       > .h-100,
                    .wrapper > .content          > .form > .left > .h-100 {
                        height: 100vh !important;
                    }
                    .content > .form {
                    }

                        .form > .left,
                        .form > .left * {
                            font-family: var( --bs-body-font-family );
                            font-size: 1rem;
                        }

                        .form > .ck-editor,
                        .form > .ck-editor * {
                            font-family: var( --bs-body-font-family );
                            font-size: 1rem;
                        }

                .wrapper > .content:not(:has(> .form)) ~ .footnote {
                    display: none !important;
                }