DIV.rm-knowledge
{
    ALIGN-ITEMS: center;
    BACKGROUND: #3c5263;
    DISPLAY: flex;
    FLEX-DIRECTION: column;
    JUSTIFY-CONTENT: center;
    MIN-HEIGHT: 100vh;
}

IMG.rm-knowledge-banner
{
    MAX-HEIGHT: min(500px, 50vh);
    OBJECT-FIT: cover;
    WIDTH: 100%;
}

@media (max-width: 500px)
{
    IMG.rm-knowledge-banner
    {
        DISPLAY: none;
    }
}

DIV.rm-knowledge-inner
{
    BOX-SIZING: border-box;
    DISPLAY: flex;
    MAX-WIDTH: calc(1225 * var(--cms-factor));
    PADDING: calc(var(--cms-vspacing) * 2) var(--cms-hspacing);
    WIDTH: 100%;
}

NAV.rm-knowledge-menu
{
    BORDER-RIGHT: calc(2 * var(--cms-factor)) solid #ffffff;
    BOX-SIZING: border-box;
    MARGIN: 0 var(--cms-hspacing) 0 0;
    WIDTH: max(250px, 25%);
    PADDING: 0 var(--cms-hspacing) 0 0;
}

@media (max-width: 800px)
{
    NAV.rm-knowledge-menu
    {
        DISPLAY: none;
    }
}

NAV.rm-knowledge-menu UL
{
    LIST-STYLE: none;
    MARGIN: 0 0 calc(-7.5 * var(--cms-factor));
    PADDING: 0;
}

NAV.rm-knowledge-menu LI
{
    LINE-HEIGHT: 135%;
    MARGIN: 0;
    PADDING: 0 0 calc(7.5 * var(--cms-factor));
}

NAV.rm-knowledge-menu A
{
    BORDER-BOTTOM: none !important;
}

NAV.rm-knowledge-menu A.active,
NAV.rm-knowledge-menu A:hover
{
    COLOR: #f3b606;
}

DIV.rm-knowledge-content
{
    BOX-SIZING: border-box;
    WIDTH: min(75%, 100% - 250px);
}

@media (max-width: 800px)
{
    DIV.rm-knowledge-content
    {
        WIDTH: 100%;
    }
}

NAV.rm-knowledge-menu STRONG,
DIV.rm-knowledge-content H1, DIV.rm-knowledge-content .like-h1,
DIV.rm-knowledge-content H2, DIV.rm-knowledge-content .like-h2,
DIV.rm-knowledge-content H3, DIV.rm-knowledge-content .like-h3
{
    TEXT-SHADOW: var(--cms-box-shadow);
}