/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024_02_18
 * DESCRIPTION: BRANDING ELEMENTS SPECIFIC TO JANICE JENSEN
 **/

/*************************************************************************** *
 *
 *  HEADER CUSTOMIZATION                   
 *
 *************************************************************************** */

header.xrc-container--header {
    background:
        url("/sites/default/files/styles/background/JJ-Website-Header-BG-Splash-01.png")
        /*url("/sites/default/files/styles/background/JJ-Website-Header-BG-Splash-01-With-Name.png")*/
        no-repeat;
    background-size: cover;
    background-position: bottom;
}

.xrc-custom-header-wrapper {
    display: grid;
    grid-template-areas:
        "xrc-title"
        "xrc-subtitle";
    grid-template-rows:
        1fr 1fr;
    grid-template-columns: 100%;
    width: 100%;
    z-index: 1;
}
/*--------------------------------------- */
/*  TITLE: H1 BANNER/HEADER                                                                          
/*--------------------------------------- */
h1.xrc-custom-header.xrc-para-ovrd-color--header,
.xrc-header--title {
    color: var(--xrc-swap-color-para--text-alt1);
    grid-area: xrc-title;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    text-align: center;
}
/*--------------------------------------- */
/*  SUBTITLE: H4 BANNER/HEADER                                                                          
/*--------------------------------------- */
h4.xrc-custom-header.xrc-para-ovrd-color--header,
.xrc-header--subtitle {
    color: var(--xrc-swap-color-para--text-alt2);
    font-weight: 300;
    grid-area: xrc-subtitle;
    line-height: normal;
    margin: 0;
    text-align: center;
}
/** Topbar is set in xrc_region.css **/
div.xrc-header-topbar     {
    /*display: block;*/
    background-color: #001e60;
    /*height: 1rem;*/
    /*width: 100%*/
}

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

/* XRC MOD: KNOWN AS SIZE: SMALL */
@media(max-width:43.75rem) {                                  
/*    .xrc-container--header {
        height: 4rem;
    }*/
}
@media(min-width:43.75rem) {
/*    .xrc-custom-header-wrapper {
        display: grid;
        grid-template-areas:
            "xrc-title"
            "xrc-subtitle";
        grid-template-rows:
            1fr 1fr;
        grid-template-columns: 100%;
        width: 100%;
        z-index: 1;
    }
    h1.xrc-custom-header.xrc-para-ovrd-color--header,
    .xrc-header--title  {
        grid-area: xrc-title;
    }
    h4.xrc-custom-header.xrc-para-ovrd-color--header,
    .xrc-header--subtitle {
        grid-area: xrc-subtitle;
    }*/
}

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

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

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