:root {

    /* dt Container height w/overflow */
    /* --fluid-448-675: clamp(28rem, -0.4416rem + 35.5243vw, 42.1875rem); */
    --dt-cntr-ovrflw-h: clamp(28rem, -0.4416rem + 35.5243vw, 42.1875rem);
    --dt-cntr-ovrflw-max-h: 42.1875rem;
    --dt-cntr-contained-max-h: 37.5rem;

    
    /* dt Banner height and container height with no overflow  */
    /* --fluid-244.38-600: clamp(15.2738rem, 0.0005rem + 31.2496vw, 37.5rem); */
    /* --fluid-400-600: clamp(25rem, -0.0587rem + 31.2989vw, 37.5rem); */
    --dt-bnr-h: clamp(25rem, -0.0587rem + 31.2989vw, 37.5rem);

    /* --fluid-244-400: clamp(15.25rem, -0.0602rem + 31.3253vw, 25rem); */
    --tblt-bnr-h:  clamp(15.25rem, -0.0602rem + 31.3253vw, 25rem);
    --m-bnr-h: auto;


    /* --fluid-274-758: clamp(17.125rem, -3.6619rem + 42.5308vw, 47.375rem); */
    /* --dt-bnr-col2-w: clamp(17.125rem, -3.6619rem + 42.5308vw, 47.375rem); */
    --dt-bnr-col1-flx: 0 1 clamp(60%, calc(65% - 0.3125 * (100vw - 781px)), 65%);
    --dt-bnr-col2-flx: 0 1 clamp(35%, calc(35% + 0.3125 * (100vw - 781px)), 40%);
    --m-col1-min-h: 12.5rem;
    --m-col2-min-h: 17.6875rem;
    --m-col2-p-l: 2.5rem;


    /* Tier 3    */
    --fluid-300-400: clamp(18.75rem, 16.1932rem + 11.3636vw, 25rem);

}

#tier-3, .tier3-stack {
	min-height:var(--fluid-300-400) !important;
	display:flex;  
}

#tier-3{
	padding-top:2.5rem !important;
	padding-bottom:2.5rem !important;
}

.tier3-stack {
	margin-left: 0px !important;
    margin-right: 0px !important;
	margin-bottom : 0px !important;
}


/***        Tier 2 - start        ***/

#tier-2 {
    min-height: unset !important;
    margin-bottom: 0px !important;
}
@media (min-width: 1281px) {
    #tier-2.img-overflow {
        max-height: var(--dt-cntr-ovrflw-h) !important;
        margin-bottom: var(--wp--preset--spacing--70) !important;
    }
    #tier-2:not(.img-overflow) {
        max-height: var(--dt-bnr-h) !important;
    }
}

.tier2-cols {
    display: flex;
    align-items: stretch !important;
    gap: 0px !important;
    height: var(--dt-bnr-h) !important;
}
@media (max-width: 1280px) {
    .tier2-cols {
        height: var(--tblt-bnr-h) !important;
    }
}
@media (max-width: 781px) {
    .tier2-cols {
        flex-direction: column;
        height: auto !important;
    }
}

.tier2-col {
    min-width: 0;
}
.tier2-col.left-col {
    display: flex;
    flex-direction: column;
    flex: 1 1 0 !important;
    justify-content: center;
    box-sizing: border-box;
    padding-left: var(--grid-size-dt-main);
    align-self: stretch !important;    
}
.tier2-col.right-col {
    flex: 0 1 auto;
    max-width: fit-content;
}
@media (max-width: 781px) {
    .tier2-col.left-col, .tier2-col.right-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .tier2-col.left-col {
        padding: 2.5rem 0.9375rem !important;
        min-height: var(--m-col1-min-h) !important;
    }
}

h2.page-subtitle.tier-2 {
    margin-bottom: 0px !important;
}

#tier-2.img-overflow .tier2-col.right-col {
    align-self: baseline !important;
}

.tier2-featured-img {
    line-height: 0;
    width: fit-content;
    margin-left: auto;
    margin-right: 0px;
}
.tier2-featured-img img {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;        
    max-height: none;
    object-fit: cover;
    transform-origin: bottom right;
}
.tier2-featured-img.img-overflow img {
    max-height: var(--dt-cntr-ovrflw-h);
}
.tier2-featured-img:not(.img-overflow) img {
    max-height: var(--dt-bnr-h);
}


/*  tablet   */
@media (max-width: 1280px) {
    .tier2-col.right-col {
        height:100% !important;
    }
    .tier2-featured-img, .tier2-featured-img.img-overflow {
        height: var(--tblt-bnr-h) !important;        
    }
    .tier2-featured-img img, .tier2-featured-img.img-overflow img {
        max-height: var(--tblt-bnr-h) !important;
        object-fit: contain !important;
    }
}

/*  mobile  */
@media (max-width: 781px) {
    .tier2-featured-img, .tier2-featured-img.img-overflow {
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        margin-right: auto;
    }
    .tier2-featured-img img, .tier2-featured-img.img-overflow img { 
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
    }
}


/* Page Specific Tier-2 Banner Styles */
.tier2-cols {
    background-color: var( --page-context-banner);
}
/* 
body.page-context-grade-3 .tier2-cols {
    background-color: var(--grades-3-light-peach) !important;
}
body.page-context-grade-6 .tier2-cols {
    background-color: var(--grades-6-lime-green-2) !important;
}
body.page-context-grade-9 .tier2-cols {
    background-color: var(--grades-9-light-purple-2) !important;
}
body.page-context-osslt .tier2-cols {
    background-color: var(--grades-10-light-blue-2) !important;
}
body.page-context-mpt .tier2-cols {
    background-color: var(--mpt-light-grey-blue) !important;
} */

/* 
#grade-3-page .tier2-cols {
    background-color: var(--grades-3-light-peach) !important;
}
#grade-6-page .tier2-cols {
    background-color: var(--grades-6-lime-green-2) !important;
}
#grade9 .tier2-cols {
    background-color: var(--grades-9-light-purple-2) !important;
}
.grade-assess.osslt .tier2-cols {
    background-color: var(--grades-10-light-blue-2) !important;
}
.mpt .tier2-cols {
    background-color: var(--mpt-light-grey-blue) !important;
} */

.national-international-assess .tier2-cols {
    background-color: var(--global-light-blue) !important;
}

/* 
.research-program .tier2-cols {
    background-color: var(--neutral-light-cream) !important;
} */

.who-we-are .tier2-cols {
    background-color: var(--neutral-light-cream) !important;
}
#governance-and-accountability .tier2-cols {
    background-color: var(--neutral-light-grey-2) !important;
}
.interactive-dashboard .tier2-cols {
    background-color: var(--global-xx-light-blue) !important;
}
#open-data .tier2-cols {
    background-color: var(--neutral-cream-2) !important;
}
.scoring .tier2-cols {
    background-color: var(--neutral-lighter-grey) !important;
}
.careers .tier2-cols {
    background-color: var(--global-xxx-light-blue) !important;
}
.news-releases .tier2-cols {
    background-color: var(--neutral-light-cream) !important;
}
.eaa-awards .tier2-cols {
    background-color: var(--global-x-light-blue) !important;
}

/***         Tier 2 - end         ***/

/******* Exceptions banner title color*******/
.postid-82901 .eqao-tier-2-banner__title,
.postid-82907 .eqao-tier-2-banner__title{
	color:#ffffff !important; 
}