/* TRC home page — fonts, leather-tan 3D frame, no Aperture divider */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap");

.aperture-theme .aperture-main {
    margin: 0.2rem 1.35rem 1.25rem !important;
    padding: 0.35rem 1.1rem 1.1rem !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #fefefe 100%) !important;
    border: 5px solid #a67c52 !important;
    border-top-color: #e2d0b0 !important;
    border-left-color: #d4b896 !important;
    border-right-color: #8b6914 !important;
    border-bottom-color: #6b4f2a !important;
    border-radius: 12px !important;
    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.85),
        inset 1px 0 0 rgba(255, 255, 255, 0.45),
        inset 0 -3px 6px rgba(107, 79, 42, 0.14),
        inset 0 0 0 1px rgba(232, 220, 200, 0.95),
        0 4px 0 #6b4f2a,
        0 10px 22px rgba(70, 48, 22, 0.3) !important;
}

#dnn_BannerPane {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 1.5rem 1rem !important;
}

/* Collapse empty banner so modules sit closer to the header */
#dnn_BannerPane:empty,
#dnn_BannerPane.DNNEmptyPane,
div#dnn_BannerPane:not(:has(.DnnModule)) {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.aperture-theme .aperture-main .aperture-content-pane,
.aperture-theme .aperture-main #dnn_ContentPane {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.aperture-theme .aperture-main .DnnModule {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}

.aperture-theme .aperture-main .DnnModule .ModuleTitle,
.aperture-theme .aperture-main .DnnModule h2.Title,
.aperture-theme .aperture-main .DnnModule .Head {
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important;
}

#dnn_BannerPane .DnnModule,
#dnn_BannerPane .DNNModuleContent,
#dnn_BannerPane .Normal {
    width: 100% !important;
    max-width: 42rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#dnn_BannerPane .aperture-bg-neutral-light {
    width: 100% !important;
    max-width: 42rem !important;
    margin: 0 auto !important;
    padding: 1.35rem 1.5rem 1.25rem !important;
    height: auto !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #fefefe 100%) !important;
    border: 2px solid #b8956a !important;
    border-top-color: #e2d0b0 !important;
    border-left-color: #d2b48c !important;
    border-right-color: #8b6914 !important;
    border-bottom-color: #6b4f2a !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 2px 1px rgba(255, 255, 255, 0.9),
        inset 0 -3px 6px rgba(107, 79, 42, 0.1),
        0 3px 0 #8b6914,
        0 6px 14px rgba(80, 55, 25, 0.22) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Collapse Aperture layout wrappers so panel hugs text */
#dnn_BannerPane .aperture-bg-neutral-light > .aperture-container {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#dnn_BannerPane .aperture-bg-neutral-light .aperture-d-flex,
#dnn_BannerPane .aperture-bg-neutral-light .aperture-flex-lg-row,
#dnn_BannerPane .aperture-bg-neutral-light .aperture-align-items-center {
    display: block !important;
    flex-direction: column !important;
    margin: 0 !important;
    width: 100% !important;
}

#dnn_BannerPane .aperture-bg-neutral-light .aperture-w-100,
#dnn_BannerPane .aperture-bg-neutral-light .aperture-w-lg-75,
#dnn_BannerPane .aperture-bg-neutral-light .apeture-me-0,
#dnn_BannerPane .aperture-bg-neutral-light .aperture-me-lg-5 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

#dnn_BannerPane .aperture-bg-neutral-light .aperture-w-lg-25,
#dnn_BannerPane .aperture-bg-neutral-light .aperture-justify-content-center.aperture-w-100 {
    display: none !important;
}

#dnn_BannerPane .aperture-bg-neutral-light table {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

#dnn_BannerPane .aperture-bg-neutral-light .lead {
    margin-top: 0.75rem !important;
    margin-bottom: 0 !important;
}

/* Hide default Aperture red/blue divider */
#dnn_BannerPane .aperture-divider,
.aperture-theme .aperture-divider,
.aperture-main .aperture-divider,
div.aperture-divider {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

#dnn_BannerPane .Normal span[style*="font-size"],
#dnn_BannerPane .Normal span[style*="font-size"] strong {
    font-family: "Fraunces", "Palatino Linotype", Palatino, serif !important;
    font-size: 2.15rem !important;
    font-weight: 700 !important;
    font-optical-sizing: auto !important;
    color: #4a3420 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.25 !important;
    text-shadow:
        0 1px 0 rgba(255, 252, 245, 0.95),
        0 2px 0 rgba(180, 140, 90, 0.35),
        0 3px 6px rgba(70, 48, 22, 0.18) !important;
}

#dnn_BannerPane .lead,
#dnn_BannerPane .lead td,
#dnn_BannerPane .Normal {
    font-family: "Source Sans 3", "Segoe UI", sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
    color: #5c4630 !important;
}

#dnn_BannerPane .lead a {
    color: #6b7c52 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

#dnn_BannerPane .lead a:hover {
    color: #4f5f3c !important;
}

/* Header banner title — stronger drop shadow (title only; CTRM keeps quieter shadow) */
.logo-menu-bar .trc-portal-logo,
.logo-menu-bar .trc-portal-title,
.logo-menu-bar a[id*='LOGO'],
.logo-menu-bar .trc-portal-logo:has(.trc-logo-img)::before,
.logo-menu-bar a[id*='LOGO']::before {
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.4),
        0 -1px 0 rgba(255, 255, 255, 0.18) !important;
}
