/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024MAR25
 * DESCRIPTION: Customizations for REGION
 **/

/*************************************************************************** *
 *
 * REGION CUSTOMIZATIONS                    
 *
 *************************************************************************** */
 .xrc-x06--region-branding {
     display:           block;
     height:            clamp(5rem, 300vw, 50rem);
     width:             100%
}
#block-xrc-x06-block-page-header-branding-01 {
    height:             100%;
}
/*.xrc-x06-region-branding--box {
    background-color:   orange;
    background-color:   #ffffff;
    border-color:       #000000;
    border-width:       6px;
    border-style:       solid;
    box-sizing:         border-box;
    display:            none;
    margin:             0;
    height:             140px;
    width:              140px;
    
    display:            none;  show flex if not mobile device ;
    align-items:        end;
    justify-content:    flex-end;
}*/
.xrc-x06-region-branding--box-banner {
    display:                block;
    background-color:       white;
    border-bottom-style:    solid;
    border-bottom-width:    1px;
    margin:                 0;
    height:                 2.2rem;
    width:                  100%;
}
.xrc-x06-region-branding--rect-01 {
    display:            none;
    background-color:   orange;
    margin:             0;
    height:             1rem;
    width:              8rem;
}


/*.xrc-grid--item.xrc-x06-region--rect-02 {
    background-color:   orange;
    height:             10rem;
    width:              1rem;
}
.xrc-x06-region-branding--site-name {
    display:            block;
    color:              var(--xrc-swap-color-regn--text-main);
    padding-left:       1rem;
}*/



/* XRC MOD: KNOWN AS SIZE: XSMALL: 500px */
@media(min-width:31.25rem) {
    :root {
        
    }
}

/* XRC MOD: KNOWN AS SIZE: SMALL: 700px */
@media(min-width:43.75rem) {
    .xrc-x06-region-branding--box {
        display:        flex;
    }
    .xrc-x06-region-branding--rect-01 {
        display:            block;
        background-color:   orange;
        margin:             0;
        height:             1rem;
        width:              8rem;
    }
    .xrc-x06-region-branding--box-banner {
        height:                 10rem;
    }
}

/* XRC MOD: KNOWN AS SIZE: MEDIUM: 1000px */
@media(min-width:62.5rem) {
    :root {
        
    }
}

/* XRC MOD: KNOWN AS SIZE: LARGE: 1200px */
@media(min-width:75rem) {
    :root {
        
    }
}

/* XRC MOD: KNOWN AS SIZE: XLARGE: 1440px */
@media(min-width:90rem) {
    :root {
        
    }
}


/* end of file */