/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 06FEB2024
 * DESCRIPTION: CSS file for XRCURATHEME00 aka CURA BASE THEME
 **/

/*************************************************************************** *
 *
 *  PARAGRAPH ACTUAL CSS DECLARATION                   
 *
 *************************************************************************** */
/*@scope (.xrc-para-entity--paragraph) {*/
    h2.xrc-para-entity--paragraph,
    h2.xrc-para-entity--paragraph p,
    .xrc-para-entity--paragraph h3,
    .xrc-para-entity--paragraph h3 p {
        margin: 0;
        padding: 0;
    }
/*}*/
/*@scope (.xrc-para-entity--paragraph) {
    h2,
    h2 p,
    h3,
    h3 p {
        margin: 0;
        padding: 0;
    }
}*/

@media(max-width:43.75rem) {
    /*:root{*/
       
        .xrc-responsive-paragraph  {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .xrc-group-field-image {
            order: 1;
            padding-top:2rem;
        }
        .xrc-group-field-content {
            padding-top:2rem;
            order: 2;
        }
        .xrc-group-field-image img  {
            width: 100%;
        }
    /*}*/
}

@media(min-width: 43.75rem)
{
    /*:root {*/        
        /*-------------------------------------------------------------------------- */
        /* MAIN GRID DECLARATION OF PARAGRAPH                                                                          
        /*-------------------------------------------------------------------------- */
        .xrc-responsive-paragraph {
            display: grid;
            grid-template-rows: auto;
            padding-top: 4rem;
            padding-bottom: 4rem;
            padding-left: 5rem;
            padding-right: 5rem;
        }

        /*-------------------------------------------------------------------------- */
        /* PARAGRAPH LAYOUT ALTERNATIVES                                                                          
        /*-------------------------------------------------------------------------- */
        .xrc-para-ovrd-layout--split-right-img {
            grid-template-columns: 62.5% 37.5%;
            grid-template-areas:
                var(--xrc-swap-layout-para--grid-area);
        }
        .xrc-para-ovrd-layout--default {
            grid-template-columns: 37.5% 62.5%;
            grid-template-areas:
                var(--xrc-swap-layout-para--grid-area);
                /*var(--xrc-swap-layout-para--grid-area);*/
                /*"xrc-content xrc-image";*/
                /*"xrc-image xrc-content";*/
        }
        /*-------------------------------------------------------------------------- */
        /* ASSIGN THE GRID ITEMS OF PARAGRAPH                                                                          
        /*-------------------------------------------------------------------------- */
        .xrc-group-field-image {
            display: flex;
            flex-direction: column;
            justify-content: center;
            grid-area: xrc-image;
        }
        .xrc-group-field-content {
            grid-area: xrc-content;
        }

        /*-------------------------------------------------------------------------- */
        /* PARAGRAPH IMAGE                                                                          
        /*-------------------------------------------------------------------------- */
        .xrc-grid-paragraph img {
            display: block;
            vertical-align: middle;
            margin: auto;
            height: 100%
            /*    margin-left: auto;
            margin-right: auto;
            width: 50%;*/
        }

        /*-------------------------------------------------------------------------- */
        /* GRID ITEM WRAPPERS                                                                          
        /*-------------------------------------------------------------------------- */
        .xrc-group-field-image,
        .xrc-group-field-content {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        
        .xrc-para-ovrd-layout--split-right-img img {
            float: left;
        }
        .xrc-para-ovrd-layout--default img{
            float: right;
        }
    /*}*/
}    



/* end of file */