html {
    height: inherit !important;
}

textarea, input, .input-append, .input-prepend, #sbox-window {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

body.com_gantry5 {
    color: $light-gray;
    background-color: $body-bg !important;

    #content { // Joomla 4
        padding: 0px;
    }

    #g5-container {
        @media (max-width: 767px) {
            margin-left: -20px;
            margin-right: -5px;
        }
    }

    textarea, input, .input-append, .input-prepend {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    a {
        text-decoration: none;
    }

    .btn-subhead, .subhead-collapse.collapse, .header, .subhead { // .subhead is for Joomla 4
        display: none;
    }

    #header { // Joomla 4
        display: block;
    }

    .container-main {
        padding: 0;
    }

    #status {
        box-shadow: none !important;
    }

    #footer {
        a {
            color: $core-accent;
        }
    }

    #g5-container {
        .inner-container {
            margin: 0;
        }

        li {
            line-height: inherit;
        }

        textarea, input {
            box-shadow: none;
        }

        input, button, select, textarea {
            font-family: inherit;
        }

    }

    nav.navbar * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    // fixes weird tall element in the page
    > div:last-child[style^="position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; height: "] {
        display: none;
    }
}

body.com_modules, body.com_advancedmodules, body.com_menus {
    #g5-container {
        font-size: inherit; // inherit from the platform

        .inner-container {
            color: inherit;
            margin: 0;
            box-shadow: none;
        }

        .main-block {
            background-color: inherit;
        }

        .g-content {
            margin: 0;
            padding: 0;
        }

        .g-instancepicker-title {
            font-size: $core-font-size;
            font-style: italic;
            margin-right: 0.5rem;
            vertical-align: middle;
            display: inline-block;

            &:empty {
                margin-right: 0;
            }

            + .button {
                display: inline-block;
                vertical-align: middle;
            }
        }
    }
}