/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2023MAR03
 * DESCRIPTION: CSS Overrides to the EPT (Extended Paragraph Types) module
 *
 **/

/*-------------------------------------------------------------------------- */
/* These are direct overrides as opposed to SWAP overrides of properties
/* since it is impractical to have swap overrides due to the variety of 
/* CSS selectors possible.
/*-------------------------------------------------------------------------- */

/*-------------------------------------------------------------------------- */
/*  COMMON OVERRIDES TO THE EPT SET OF MODULES                                                                 
/*-------------------------------------------------------------------------- */

.ept-container {
    margin: 0 auto;
    width: 100vw;
}
/*-------------------------------------------------------------------------- */
/*  MODAL CONTAINER                                                                          
/*-------------------------------------------------------------------------- */
.modal .modal__overlay .modal__container {
    max-width: var(--xrc-para-modal--max-width);
    /*max-width: 70vw;*/
}

/*-------------------------------------------------------------------------- */
/*  THEME X01 OVERRIDES OF EPT                                                                          
/*-------------------------------------------------------------------------- */
.xrc-x01--paragraph.ept-paragraph-image img {
    max-width: 100%;
}
.xrc-x01--paragraph.ept-micromodal-paragraph .modal__container {
    margin-top: 7rem;     /* XRC MOD: adjust to allow for header space */
}

/*-------------------------------------------------------------------------- */
/*  THEME X03 OVERRIDES OF EPT
/*-------------------------------------------------------------------------- */
.xrc-x03--paragraph.ept-paragraph-tiles.ept-tiles-three_columns .ept-tiles-wrapper {
    grid-template-columns: 1fr;
}



/*************************************************************************** *
 *
 *  OVERRIDES OF EPT MODULE IN RESPONSIVE LAYOUT                    
 *
 *************************************************************************** */
/* XRC MOD: KNOWN AS SIZE: XSMALL: 500px */
@media(min-width:31.25rem) {
    /** X01 THEME OVERRIDES **/
    .xrc-x01--paragraph.ept-paragraph-image img {
        max-width: 100%;
    }
}

/* XRC MOD: KNOWN AS SIZE: SMALL: 700px */
@media(min-width:43.75rem) {
    /** X01 THEME OVERRIDES **/
    .xrc-x01--paragraph.ept-paragraph-image img {
        max-width: 70%;
    }
    /** X03 THEME OVERRIDES **/
    .xrc-x03--paragraph.ept-paragraph-tiles.ept-tiles-three_columns .ept-tiles-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

/* XRC MOD: KNOWN AS SIZE: MEDIUM: 1000px */
@media(min-width:62.5rem) {
    /** X01 THEME OVERRIDES **/
    .xrc-x01--paragraph.ept-paragraph-image img {
        max-width: 70%;
    }
}

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

    /** X03 THEME OVERRIDES **/
    .xrc-x03--paragraph.ept-paragraph-tiles.ept-tiles-three_columns .ept-tiles-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

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