@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* ARTWORK NOTES
--------------------------------------------

--------------------------------------------
*/
html body.site-home {
    --section-above-bg: var(--secondary-color);
}

html body {
    --side-menu-bg: var(--primary-color);
    --side-menu-bg-hover: var(--secondary-color);
    --side-menu-font-size-desktop: min(1.25vw, 1.25rem);
    --side-menu-font-family: var(--body-font-family);
    --side-menu-font-weight: 400;
}

html body #g-navigation {
    --main-menu-text-color: var(--default-white);
    --main-menu-text-color-hover: var(--default-white);
	--main-menu-bg: transparent;
    --main-menu-bg-color: transparent;

    --navigation-floating-social-padding: min(1vw, 1rem);
}

.g-array-item-text {
    margin: 0!important;
    padding: 0!important;
}

@media only screen and (min-width: 50.99rem) {
    .site-sub.site.withmaxwidth #g-header > .g-container {
        width: 100%;
        max-width: 100%;
    }

    #hero-title-text {
        width: 100%;
        max-width: 1440px;
        transform: translateX(-50%);
        left: 50%;
        right: unset;
        padding-left: min(5vw, 5rem);
    }

    .grid-mobile-stacked .g-item-title {
        padding: min(.75vw, .75rem);
    }
}

/* NAVIGATION */
@media only screen and (min-width: 50.99rem) {
    #g-navigation > .g-container > .g-grid:has(.g-main-nav) {
        position: relative;
    }
    #g-navigation > .g-container > .g-grid:has(.g-main-nav):before {
        content: '';
        background: var(--primary-color);
        height: 100%;
        width: 3000%;
        margin-left: -500%;
        margin-right: -500%;
        position: absolute;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container {
        color: var(--default-white);
    }
    #g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container:hover {
        background: var(--secondary-color);
        color: var(--default-white)!important;
    }
}

/*ABOVE*/
.site-home #g-above {
    background: url('/images/template/school26/school-calendar-background.jpg') 50% 50% no-repeat;
    background-size: cover;
}

/*SHOWCASE*/
.site-home #g-showcase {
    background: url('/images/template/school26/school-section-divider-01.jpg') 50% 50% no-repeat;
    background-size: cover;
}

/*EXTENSION*/
.site-home #g-extension {
    background: url('/images/template/school26/section-divider-02.jpg') 50% 50% no-repeat;
    background-size: cover;
}

/*BOTTOM*/
@media only screen and (min-width: 50.99rem) {
    #g-bottom {
        position: relative;
        z-index: 10;
    }
    #g-bottom > .g-container {
        padding: 2rem 0!important;
    }
    #g-bottom .admod td {
        padding-top: 0!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-bottom {
        position: relative;
        z-index: 10;
    }
    #g-bottom > .g-container {
        padding: 2rem 0!important;
    }
    #g-bottom .admod td {
        padding-top: .5rem!important;
    }
}

.search-page #searchForm .btn {
    background: var(--primary-color);
}

.grid-articles .g-array-item-text a:not(a.button) {
    color: var(--primary-color);
}
.grid-articles .g-array-item-text a {
    color: var(--primary-color);
}

@media only screen and (max-width: 50.99rem) {
    .admod.adside tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: .5rem .5rem;
    }
}

@media only screen and (max-width: 50.99rem) {
    body#site-grid.newslayout #g-container-main > .g-container {
        padding: 2rem 1rem!important;
    }
    body#site-grid.newslayout #g-container-main #g-mainbar {
        margin: 0!important;
        padding: 0!important;
    }

    #site-grid.newslayout .grid-mobile-stacked .g-item-title {
        --grid-title-font-size: 3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    body .side-menu-particle .g-blockcontent-subcontent-title-text {
        --side-menu-font-size-desktop: 4vw;
    }
}
/* SCHOOL MOCKUP — shared chrome and homepage components, September 2026 */

html body {
 --primary-color-rgb:134,23,70; --secondary-color-rgb:245,224,195;
 --tertiary-color-rgb:201,162,39; --background-color-rgb:251,248,244;
 --footer-color-rgb:134,23,70; --button-color-rgb:134,23,70;
 --primary-color:rgb(var(--primary-color-rgb)); --secondary-color:rgb(var(--secondary-color-rgb));
 --tertiary-color:rgb(var(--tertiary-color-rgb)); --background-color:rgb(var(--background-color-rgb));
 --footer-color:rgb(var(--footer-color-rgb)); --button-color:rgb(var(--button-color-rgb));
 --title-font-family:'Raleway',sans-serif; --body-font-family:'Raleway',sans-serif;
 font-family:var(--body-font-family); color:#333;
}
html body #g-navigation {background:rgba(255,255,255,.9); backdrop-filter:blur(5px); --main-menu-bg:var(--primary-color); --main-menu-bg-color:var(--primary-color); --main-menu-text-color:#fff; --main-menu-text-color-hover:var(--secondary-color);}
html body #g-navigation > .g-container {width:100%;max-width:none;padding:0;}
html body #g-navigation .g-grid:has(.g-logo) {align-items:center;}
html body #g-navigation .g-logo {display:block;text-align:center;}
html body #g-navigation .g-logo img {width:min(44vw,540px);height:150px;max-height:none;object-fit:contain;margin:20px auto;}
html body #g-navigation .g-grid:has(.g-main-nav) {background:var(--primary-color);padding:0 max(2vw,calc((100% - 1440px)/2));}
html body #g-navigation .g-main-nav {background:var(--primary-color);}
html body #g-navigation .g-toplevel {display:flex;justify-content:space-between;flex-wrap:wrap;}
html body #g-navigation .g-toplevel > li > .g-menu-item-container {color:#fff;font:600 clamp(13px,1.25vw,18px)/1.3 var(--body-font-family);letter-spacing:0;text-transform:none;padding:16px 12px;}
html body #g-navigation .g-dropdown {background:var(--primary-color);}
html body #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {color:#fff;}
html body #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {background:var(--secondary-color);color:var(--primary-color)!important;}
html body #g-navigation .g-menu-item-container:focus-visible {outline:2px solid var(--tertiary-color);outline-offset:-3px;}
html body .topsite-quicklinks .g-blockcontent-subcontent-block-content {position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:auto;padding:8px 20px;border:1px solid #777;border-radius:4px;background:#fff;font-size:14px;}
html body .topsite-quicklinks h4 {margin:0;color:#333;font:600 14px var(--body-font-family);}
html body .topsite-quicklinks .g-blockcontent-buttons {margin:0;}
html body .topsite-quicklinks .g-blockcontent-buttons a {position:absolute;inset:0;font-size:0;}
html body .topsite-quicklinks i {color:var(--primary-color);}
html body a:focus-visible, html body [role=button]:focus-visible {outline:3px solid var(--tertiary-color);outline-offset:3px;}
html body #g-footer, html body #g-copyright, html body #g-container-footer {background:var(--footer-color);color:#fff;}
html body #g-footer {padding:40px max(24px,4vw);}
html body #g-footer .footer-top-row {display:flex;gap:30px;align-items:flex-start;}
html body #g-footer .footer-logo {flex:0 0 125px;}
html body #g-footer .footer-logo img {width:125px;max-height:150px;object-fit:contain;}
html body #g-footer .footer-content {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;flex:1;}
html body #g-footer h3, html body #g-footer h3 a {font:600 18px/1.4 var(--title-font-family);color:#fff;margin:0 0 12px;}
html body #g-footer p, html body #g-footer .footer-links {font:400 14px/1.9 var(--body-font-family);margin:0;}
html body #g-footer a {color:var(--secondary-color);overflow-wrap:anywhere;}
html body #g-footer .footer-links {display:flex;flex-direction:column;}
html body #g-footer .footer-bottom-row {margin-top:28px;padding-top:22px;border-top:1px solid #ffffff80;}
html body #g-copyright {padding:16px;text-align:center;}

/* Homepage geometry */
html body.site-home {background:var(--background-color);}
html body.site-home #g-page-surround {background:var(--background-color);}
html body.site-home :is(#g-header,#g-feature,#g-utility) {background:var(--background-color);padding:48px 4vw;}
html body.site-home :is(#g-header,#g-above,#g-feature,#g-utility) > .g-container {width:100%;max-width:1440px;margin:auto;padding:0;}
html body.site-home :is(#g-header,#g-above,#g-feature,#g-utility,#g-slideshow) .g-content {margin:0;padding:0;}
html body.site-home .g-title {font:400 clamp(28px,3vw,38px)/1.25 var(--title-font-family);color:var(--primary-color);border:0;margin:0 0 22px;padding:0;text-transform:none;font-variant:normal;}
html body.site-home .button {background:transparent;color:#333;border:1px solid #555;border-radius:4px;padding:9px 20px;font:600 14px/1.4 var(--body-font-family);box-shadow:none;}
html body.site-home .button:hover,html body.site-home .button:focus-visible {background:var(--primary-color);color:#fff;border-color:var(--primary-color);}
html body.site-home #g-slideshow {padding:0;background:#fff;box-shadow:0 3px 10px #0002;}
html body.site-home #g-slideshow > .g-container {width:100%;max-width:none;padding:0;}
html body.site-home #g-slideshow .g-swiper {border-radius:0;box-shadow:none;margin:0;}
html body.site-home #g-slideshow .swiper-wrapper {height:clamp(360px,42.6vw,670px)!important;}
html body.site-home #g-slideshow .swiper-slide > img {width:100%;height:100%;object-fit:cover;}
html body.site-home #g-slideshow .school-contact-box {padding:32px;}
html body.site-home .h-contact-content {font-size:15px;line-height:1.5;}
html body.site-home .h-contact-content h4 {font:600 20px/1.3 var(--title-font-family);color:var(--primary-color);margin:0;}
html body.site-home .h-contact-content p {margin:0 0 22px;overflow-wrap:anywhere;}
html body.site-home .h-contact-content a {color:#333;text-decoration:underline;}
html body.site-home .h-contact-buttons {display:grid;gap:18px;margin-top:28px;}
html body.site-home .h-contact-buttons .button {display:block;text-align:left;}
html body.site-home .h-welcome-wrapper {text-align:center;}
html body.site-home .h-welcome-text {font-size:clamp(16px,1.7vw,21px);line-height:1.5;}
html body.site-home .h-welcome-button {margin:22px 0 64px;}
/* Preserve the existing full-card anchor and its accessible name. */
.quicklink-boxes .g-blockcontent-subcontent {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}
.quicklink-boxes .g-blockcontent-subcontent-block-content {position:relative;isolation:isolate;aspect-ratio:1.64;overflow:hidden;box-shadow:3px 4px 10px #0003;}
.quicklink-boxes .g-blockcontent-subcontent-img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.quicklink-boxes .g-blockcontent-subcontent-block-content::before {content:'';position:absolute;inset:0;background:#0006;z-index:-1;pointer-events:none;}
.quicklink-boxes .g-blockcontent-subcontent-title {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:16px;color:#fff;font:600 clamp(18px,2vw,24px)/1.3 var(--title-font-family);text-align:center;pointer-events:none;}
.quicklink-boxes .g-blockcontent-buttons {margin:0;}
.quicklink-boxes .g-blockcontent-buttons a {position:absolute;inset:0;font-size:0;}
.quicklink-boxes .g-blockcontent-subcontent-block-content:focus-within {outline:3px solid var(--tertiary-color);outline-offset:4px;}
/* All calendar entries remain reachable by native horizontal scrolling. */
html body.site-home #g-above {background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url('/images/template/school26/school-calendar-background.jpg');background-position:center;background-size:cover;padding:100px 4vw;}
html body.site-home .h-calendar-title-button {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;}
html body.site-home .h-calendar-title .g-title {color:#fff;margin:0;}
html body.site-home .h-calendar-button .button {background:var(--primary-color);color:#fff;border-color:var(--primary-color);white-space:nowrap;}
html body.site-home .gcaltohtml {display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 90px)/4);gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 20px;scrollbar-color:var(--secondary-color) transparent;}
html body.site-home .cc-date-event-container {scroll-snap-align:start;background:#fff;color:#333;border-radius:5px;padding:20px;min-height:290px;box-shadow:3px 4px 10px #0003;font-size:14px;line-height:1.3;}
html body.site-home .cc-dateblockformat {display:flex;align-items:center;gap:14px;margin-bottom:24px;}
html body.site-home .cc-daynumberformat {color:var(--primary-color);font-size:25px;font-weight:700;min-width:38px;text-align:center;}
html body.site-home .cc-dayformat {font-weight:700;}
html body.site-home .cc-monthyearformat {font-size:11px;color:#777;}
html body.site-home .cc-eventblock .event {display:grid;grid-template-columns:38% 1fr;gap:8px;padding:10px 0;}
html body.site-home .cc-eventblock .event + .event {border-top:1px solid var(--tertiary-color);}
html body.site-home .cc-timeofday {font-weight:700;}
html body.site-home .h-news-title,html body.site-home .h-widget-title {text-align:center;}
.h-news-feed > .g-particle > .g-content-array {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;}
.h-news-feed .g-array-item-image {border-bottom:4px solid var(--tertiary-color);box-shadow:3px 4px 10px #0002;margin-bottom:18px;}
.h-news-feed .g-array-item-image img {width:100%;aspect-ratio:193/179;object-fit:cover;}
.h-news-feed .g-array-item-title {font:600 18px/1.35 var(--title-font-family);margin:0 0 12px;}
.h-news-feed .g-array-item-title a {color:#333;}
html body.site-home .h-news-button {text-align:center;margin-top:48px;}
/* Hide only the news column; sponsorship content is independent. */
html body.site-home .h-news-container:not(:has(.h-news-feed .g-array-item)) {display:none;}
html body.site-home #g-feature > .g-container > .g-grid {gap:32px;flex-wrap:nowrap;}
html body.site-home #g-feature .h-news-container {flex:1;min-width:0;}
html body.site-home :is(#g-showcase,#g-extension) {background-size:cover;background-position:center;min-height:clamp(200px,22vw,340px);}
html body.site-home #g-showcase {background-image:url('/images/template/school26/school-section-divider-01.jpg');}
html body.site-home #g-extension {background-image:url('/images/template/school26/section-divider-02.jpg');}
html body.site-home #g-utility {padding-block:55px 90px;}
html body.site-home .h-widget-feed {box-shadow:3px 4px 10px #0002;}
@media (min-width:51rem) and (prefers-reduced-motion:no-preference) {
 html body.site-home :is(#g-above,#g-showcase,#g-extension) {background-attachment:fixed;}
}
@media (max-width:70rem) {
 html body.site-home #g-slideshow .school-contact-box {padding:22px;}
 html body.site-home #g-slideshow .swiper-wrapper {height:480px!important;}
 html body.site-home .gcaltohtml {grid-auto-columns:calc((100% - 40px)/3);gap:20px;}
 .quicklink-boxes .g-blockcontent-subcontent {gap:24px;}
 .h-news-feed > .g-particle > .g-content-array {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:50.99rem) {
 html body #g-navigation .g-logo img {width:min(75vw,430px);height:110px;margin:55px auto 16px;}
 html body #g-navigation .topsite-quicklinks {padding:0 0 16px;}
 html body #g-footer .footer-top-row {flex-direction:column;}
 html body #g-footer .footer-content {width:100%;grid-template-columns:1fr;gap:24px;}
 html body.site-home #g-slideshow > .g-container > .g-grid {display:flex;flex-direction:column;}
 html body.site-home #g-slideshow > .g-container > .g-grid > .g-block {width:100%;flex-basis:auto;}
 html body.site-home #g-slideshow .swiper-wrapper {height:65vw!important;min-height:240px;}
 html body.site-home #g-slideshow .school-contact-box {padding:28px 6vw;}
 html body.site-home .h-contact-buttons {gap:12px;}
 html body.site-home :is(#g-header,#g-feature,#g-utility) {padding:40px 6vw;}
 html body.site-home .h-welcome-button {margin-bottom:40px;}
 .quicklink-boxes .g-blockcontent-subcontent {grid-template-columns:1fr;gap:24px;}
 .quicklink-boxes .g-blockcontent-subcontent-title {font-size:24px;}
 html body.site-home #g-above {padding:55px 6vw;}
 html body.site-home .h-calendar-title-button {align-items:flex-start;flex-direction:column;}
 html body.site-home .gcaltohtml {grid-auto-columns:80%;gap:20px;}
 html body.site-home #g-feature > .g-container > .g-grid {flex-wrap:wrap;}
 html body.site-home #g-feature .h-news-container {flex-basis:100%;}
 html body.site-home #g-feature .adside {width:100%;}
 .h-news-feed > .g-particle > .g-content-array {gap:20px;}
 .h-news-feed .g-array-item-title {font-size:16px;}
}
@media (prefers-reduced-motion:reduce) {
 html body.site-home :is(#g-above,#g-showcase,#g-extension) {background-attachment:scroll;}
 html body.site-home .gcaltohtml {scroll-behavior:auto;scroll-snap-type:none;}
}/* Theme g-flushed and floatator rules use !important; override that geometry explicitly. */
html body.site-home #g-header {padding:50px 3.45vw 70px!important;}
html body.site-home #g-feature {padding:80px 3.45vw!important;}
html body.site-home #g-utility {padding:50px 4.3vw 100px!important;}
html body.site-home #g-above {padding:100px 4vw!important;background-color:#444;}
html body.site-home #g-slideshow > .g-container > .g-grid {padding:0!important;margin:0!important;gap:0!important;}
html body.site-home #g-slideshow .fullwidth-swiper {height:auto!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;flex:0 0 70%;width:70%;}
html body.site-home #g-slideshow .school-contact-box {height:auto!important;min-height:0!important;flex:0 0 30%;width:30%;}
.h-news-feed .g-array-item-title {font-family:var(--title-font-family)!important;font-variant:normal!important;border:0!important;}
html body #g-footer {padding:40px 4vw!important;}
html body #g-footer h3 {border:0;padding:0;font-variant:normal;}
html body #g-footer .g-content {padding:0;margin:0;}
html body #g-copyright .adminfootericon {position:static!important;text-shadow:none!important;}
@media (max-width:50.99rem) {
 html body.site-home :is(#g-header,#g-feature,#g-utility) {padding:40px 6vw!important;}
 html body.site-home #g-above {padding:55px 6vw!important;}
 html body.site-home #g-slideshow :is(.fullwidth-swiper,.school-contact-box) {width:100%;flex-basis:auto;}
}
html body #g-navigation {background:linear-gradient(#ffffffe6,#ffffffe6),url('/images/template/school26/school-calendar-background.jpg') center/cover;}
.h-news-feed .g-item-title {font:600 18px/1.35 var(--title-font-family)!important;font-variant:normal!important;border:0!important;padding:0;margin:0 0 12px;}
.h-news-feed .g-item-title a {color:#333;}
html body.site-home #g-slideshow .fullwidth-swiper {order:0;}
html body.site-home #g-slideshow .school-contact-box {order:1;}
html body.site-home :is(#g-above,#g-feature,#g-utility) > .g-container {padding:0!important;}
html body #g-footer > .g-container {padding:0!important;}
@media (max-width:50.99rem) {
 .h-news-feed .g-item-title {font-size:16px!important;}
}
/* Keep menu labels readable even when the current CMS menu has extra items. */
html body #g-navigation .g-toplevel > li > .g-menu-item-container,
html body #g-navigation .g-toplevel > li > .g-menu-item-container .g-menu-item-title {font-size:clamp(13px,1.25vw,18px)!important;text-transform:none!important;letter-spacing:0!important;}
html body.site-home #g-slideshow > .g-container {padding:0!important;}
/* Blur the banner photograph without blurring its logo, links, or dropdowns. */
html body #g-navigation {position:relative;isolation:isolate;background:rgba(255,255,255,.9);}
html body #g-navigation::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#ffffffe6,#ffffffe6),url('/images/template/school26/school-calendar-background.jpg') center/cover;filter:blur(5px);}

@media only screen and (max-width: 50.99rem) {
    .site-home.withmaxwidth:not(.sponsorshippage) :is(#g-top, #g-container-main, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer) > .g-container {
        padding: 0!important;
    }

    .site-home.withmaxwidth #g-bottom > .g-container {
        padding: 2rem 0!important;
    }
}
/* Match the recreation's card and calendar proportions. */
.h-news-feed > .g-particle > .g-content-array > .g-grid {display:block;margin:0;min-width:0;}
.h-news-feed .g-array-item {position:relative;}
.h-news-feed .g-array-item-image {position:relative;margin:0 0 18px;}
.h-news-feed .g-array-item-image img {display:block;}
.h-news-feed .g-array-item-read-more {position:absolute;top:10px;right:10px;}
.h-news-feed .g-array-item-read-more a.button {display:grid;place-items:center;width:28px;height:28px;padding:0;background:#fff;color:#861746;border:0;border-radius:50%;font-size:0;box-shadow:0 2px 5px #0003;}
.h-news-feed .g-array-item-read-more a::after {content:"›";font-size:25px;line-height:1;}
.h-calendar-feed .cc-daynumberformat {display:grid;place-items:center;flex:0 0 52px;height:52px;}
.h-calendar-feed .cc-date-event-container:first-child .cc-daynumberformat {background:#861746;color:#fff;border-radius:50%;}
.quicklink-boxes .g-blockcontent-subcontent-block-content::before {transition:background .2s ease;}
.quicklink-boxes .g-blockcontent-subcontent-block-content:is(:hover,:focus-within)::before {background:#00000038;}
.site-home #g-feature:not(:has(.h-news-feed .g-array-item)):not(:has(.adside img)) {display:none;}
@media (max-width:50.99rem) {
 html body.site-home :is(#g-header,#g-feature,#g-utility) {padding:40px 6vw!important;}
}

/* Card interaction: existing anchors remain the only navigation targets. */
.quicklink-boxes .g-blockcontent-subcontent-block-content {
 overflow:hidden; transition:transform .2s ease,box-shadow .2s ease;
}
.quicklink-boxes .g-blockcontent-subcontent-img {transition:transform .25s ease;}
.quicklink-boxes .g-blockcontent-subcontent-block-content:is(:hover,:focus-within) {
 transform:translateY(-3px); box-shadow:0 8px 16px #0004;
}
.quicklink-boxes .g-blockcontent-subcontent-block-content:is(:hover,:focus-within) .g-blockcontent-subcontent-img {transform:scale(1.07);}
.quicklink-boxes .g-blockcontent-subcontent-block-content:focus-within {outline:3px solid #c9a227;outline-offset:4px;}
.quicklink-boxes .g-blockcontent-buttons a {border:0;background:transparent;}

/* A title-link overlay makes the complete news tile clickable without changing its URL. */
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item {
 position:relative; isolation:isolate; transition:transform .2s ease;
}
:is(.h-news-feed,.grid-articles) .g-content-array :is(.g-array-item-title,.g-item-title,.g-item-title a) {position:static;}
:is(.h-news-feed,.grid-articles) .g-content-array .g-item-title a::after {
 content:""; position:absolute; inset:0; z-index:2;
}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item-image {overflow:hidden;}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item-image img {transition:transform .25s ease;}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item:is(:hover,:focus-within) {transform:translateY(-3px);}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item:is(:hover,:focus-within) .g-array-item-image img {transform:scale(1.06);}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item:is(:hover,:focus-within) .g-item-title a {color:#861746;}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item:focus-within {outline:3px solid #c9a227;outline-offset:5px;}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item-read-more {z-index:3;}
:is(.h-news-feed,.grid-articles) .g-content-array .g-array-item-read-more a {position:relative;}
.h-news-feed .g-content-array .g-array-item:is(:hover,:focus-within) .g-array-item-read-more a {background:#861746;color:#fff;border-color:#861746;}
@media (prefers-reduced-motion:reduce) {
 .quicklink-boxes .g-blockcontent-subcontent-block-content,
 .quicklink-boxes .g-blockcontent-subcontent-img,
 :is(.h-news-feed,.grid-articles) .g-content-array .g-array-item,
 :is(.h-news-feed,.grid-articles) .g-content-array .g-array-item-image img {transition:none;transform:none!important;}
}