/*--- Text (master) ---*/
/*---------------------------------------------------------------------------------*\

    Text - Master CSS
    -------------------------

    Layout and function only. How it looks for a particular theme lives in
    theme-css/components/Text.css

    The buttons (.btns-wrp) are a general component area styled in base.css.

\*---------------------------------------------------------------------------------*/
    .component.text .content-wrp{
        width: 100%;
    }

    .component.text.align-center{
        text-align: center;
    }

    .component.text.align-left{
        text-align: left;
    }

    .component.text .subtitle{
        margin-bottom: 1rem;
    }

    .component.text .txt-wrp > *:last-child{
        margin-bottom: 0;
    }

    .component.text.width-compact .content-wrp{
        max-width: 48rem;
        margin-inline: auto;
    }

    .component.text .btns-wrp{
        margin-top: 1.5rem;
    }

    .component.text.align-center .btns-wrp{
        justify-content: center;
    }


/*--- Text (theme) ---*/
/*---------------------------------------------------------------------------------*\

    Text - Theme CSS
    -------------------------

    The look of the Text component for this theme. Loaded after the master CSS in
    components/Text/Text.css, so rules here win.

\*---------------------------------------------------------------------------------*/
    .component.text .subtitle{
        font-size: 1.15rem;
    }