/* ROTA COMPACT INNER-PAGE SYSTEM */
/* Homepage intentionally excluded */

body:not(.home) .site-header,
.about-page .site-header{
    min-height:64px !important;
    height:64px !important;
}

body:not(.home) .header-inner,
.about-page .header-inner{
    min-height:64px !important;
    height:64px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body:not(.home) .site-header .brand img,
.about-page .site-header .brand img{
    max-height:48px !important;
    height:48px !important;
    width:auto !important;
    object-fit:contain !important;
}

.about-page .about-hero{
    min-height:430px !important;
}

.about-page .about-hero-inner{
    padding-top:52px !important;
    padding-bottom:52px !important;
}

.about-page .about-section{
    padding-top:58px !important;
    padding-bottom:58px !important;
}

/* Programme pages */
.program-hero,
.programme-hero{
    min-height:420px !important;
}

.program-hero-inner,
.programme-hero-inner{
    padding-top:50px !important;
    padding-bottom:50px !important;
}

/* Get Assistance */
.assistance-hero{
    min-height:400px !important;
}

.assistance-hero-inner{
    padding-top:48px !important;
    padding-bottom:48px !important;
}

/* Generic inner-page spacing */
.inner-page section,
.programme-page section{
    padding-top:58px;
    padding-bottom:58px;
}

@media(max-width:760px){
    body:not(.home) .site-header,
    .about-page .site-header{
        height:auto !important;
        min-height:62px !important;
    }

    body:not(.home) .header-inner,
    .about-page .header-inner{
        height:auto !important;
        min-height:62px !important;
    }

    .about-page .about-hero{
        min-height:390px !important;
    }

    .about-page .about-section{
        padding-top:46px !important;
        padding-bottom:46px !important;
    }
}

/* STORIES & IMPACT FINAL HERO */
.si-hero{
    min-height:390px !important;
    background:
        linear-gradient(rgba(0,35,65,.42),rgba(0,35,65,.42)),
        url("../images/stories-impact-hero-final-clean.png") center center / cover no-repeat !important;
}

.si-hero::after{
    display:none !important;
}

.si-hero .si-wrap{
    width:min(900px,90%) !important;
    margin:0 auto !important;
    padding:45px 0 !important;
    text-align:center !important;
}

.si-eyebrow{
    text-align:center !important;
    color:#fff !important;
    text-shadow:none !important;
}

.si-hero h1{
    max-width:850px !important;
    margin:0 auto 20px !important;
    text-align:center !important;
    color:#fff !important;
    text-shadow:none !important;
}

.si-hero h1 span{
    color:#ED1C24 !important;
    text-shadow:none !important;
}

.si-hero p{
    max-width:760px !important;
    margin:0 auto !important;
    text-align:center !important;
    color:#fff !important;
    text-shadow:none !important;
}

.si-hero *{
    text-shadow:none !important;
}

@media(max-width:600px){
    .si-hero{
        min-height:350px !important;
        background-position:center center !important;
    }

    .si-hero .si-wrap{
        padding:38px 0 !important;
    }
}

/* STORIES & IMPACT APPROVED FINAL HERO */
.si-hero{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 4.55 !important;

    background-image:url("../images/stories-impact-hero-final-clean.png") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    display:block !important;
    position:relative !important;
    overflow:hidden !important;
}

/* Remove previous overlays/effects */
.si-hero::before,
.si-hero::after{
    display:none !important;
    content:none !important;
}

/* Approved image already contains hero typography */
.si-hero > .si-wrap{
    display:none !important;
}

/* Absolutely no CSS text shadow in Stories hero */
.si-hero,
.si-hero *{
    text-shadow:none !important;
    filter:none !important;
}

@media(max-width:850px){
    .si-hero{
        aspect-ratio:16 / 5.8 !important;
        background-position:center center !important;
    }
}

@media(max-width:520px){
    .si-hero{
        aspect-ratio:16 / 7.5 !important;
        background-position:center center !important;
    }
}

/* =========================================================
   STORIES & IMPACT — APPROVED CONTAINED HERO
   ========================================================= */

.si-hero{
    width:calc(100% - 48px) !important;
    max-width:1500px !important;

    margin:14px auto 18px !important;
    padding:0 !important;

    min-height:0 !important;
    height:auto !important;

    aspect-ratio:1792 / 1024 !important;

    background-image:url("../images/stories-impact-hero-final-clean.png") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    display:block !important;
    overflow:hidden !important;

    border-radius:10px !important;
}

/* Image already contains approved typography */
.si-hero > .si-wrap{
    display:none !important;
}

/* Remove all old hero decorations */
.si-hero::before,
.si-hero::after{
    display:none !important;
    content:none !important;
}

/* Remove shadow/filter effects */
.si-hero,
.si-hero *{
    text-shadow:none !important;
    box-shadow:none !important;
    filter:none !important;
}

/* Compact spacing immediately after hero */
.si-hero + .si-section{
    padding-top:28px !important;
}

.si-section{
    padding-top:42px !important;
    padding-bottom:42px !important;
}

/* Tablet */
@media(max-width:900px){

    .si-hero{
        width:calc(100% - 28px) !important;
        margin:10px auto 14px !important;
        border-radius:8px !important;
    }

    .si-section{
        padding-top:36px !important;
        padding-bottom:36px !important;
    }
}

/* Mobile */
@media(max-width:600px){

    .si-hero{
        width:calc(100% - 16px) !important;
        margin:8px auto 12px !important;

        aspect-ratio:1792 / 1024 !important;

        background-size:100% 100% !important;
        background-position:center center !important;

        border-radius:6px !important;
    }

    .si-hero + .si-section{
        padding-top:24px !important;
    }

    .si-section{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }
}

/* =====================================================
   STORIES & IMPACT — APPROVED FULL-WIDTH HERO
   ===================================================== */

.si-hero{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    height:auto !important;
    min-height:0 !important;

    /* Preserve the approved wide composition */
    aspect-ratio:1792 / 610 !important;

    background-image:url("../images/stories-impact-hero-final-clean.png") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border-radius:0 !important;
    overflow:hidden !important;
    display:block !important;
}

/* Approved artwork already contains its text */
.si-hero > .si-wrap{
    display:none !important;
}

/* Remove every previous overlay */
.si-hero::before,
.si-hero::after{
    display:none !important;
    content:none !important;
}

/* No effects over approved artwork */
.si-hero,
.si-hero *{
    text-shadow:none !important;
    box-shadow:none !important;
    filter:none !important;
}

/* Reduce gap between hero and next section */
.si-hero + .si-section{
    padding-top:24px !important;
}

/* Compact inner-page sections */
.si-section{
    padding-top:36px !important;
    padding-bottom:36px !important;
}


/* TABLET */
@media(max-width:900px){

    .si-hero{
        width:100% !important;
        margin:0 !important;

        /* keep entire composition visible */
        aspect-ratio:1792 / 610 !important;

        background-size:100% 100% !important;
        background-position:center center !important;
    }

    .si-section{
        padding-top:32px !important;
        padding-bottom:32px !important;
    }
}


/* MOBILE */
@media(max-width:600px){

    .si-hero{
        width:100% !important;
        margin:0 !important;

        /*
        Do NOT use background-size:cover.
        It would cut the reaching hands.
        */
        aspect-ratio:1792 / 610 !important;

        background-size:100% 100% !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }

    .si-hero + .si-section{
        padding-top:20px !important;
    }

    .si-section{
        padding-top:28px !important;
        padding-bottom:28px !important;
    }
}

/* ==========================================================
   ROTA FOUNDATION — GLOBAL INNER PAGE DESIGN SYSTEM
   Homepage deliberately excluded
   ========================================================== */

:root{
    --rota-inner-header:64px;
    --rota-section-space:36px;
}

/* ---------- COMPACT HEADER ---------- */

body:not(.home) .site-header,
body:not(.home) header[class*="header"]{
    min-height:64px !important;
}

body:not(.home) .header-inner,
body:not(.home) [class*="header-inner"]{
    min-height:64px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* ---------- HERO STANDARD ---------- */

body:not(.home) [class*="hero"]{
    text-shadow:none !important;
}

body:not(.home) [class*="hero"] *,
body:not(.home) [class*="hero"] h1,
body:not(.home) [class*="hero"] h2,
body:not(.home) [class*="hero"] p{
    text-shadow:none !important;
}

/* Full browser-width hero areas */
body:not(.home) section[class*="hero"]{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* ---------- COMPACT SECTIONS ---------- */

body:not(.home) main section:not([class*="hero"]),
body:not(.home) .section,
body:not(.home) [class*="-section"]{
    padding-top:36px;
    padding-bottom:36px;
}

/* Prevent huge gaps between hero and first section */
body:not(.home) section[class*="hero"] + section{
    padding-top:28px !important;
}

/* ---------- TABLET ---------- */

@media(max-width:900px){

    body:not(.home) main section:not([class*="hero"]),
    body:not(.home) .section,
    body:not(.home) [class*="-section"]{
        padding-top:32px;
        padding-bottom:32px;
    }

    body:not(.home) section[class*="hero"] + section{
        padding-top:24px !important;
    }
}

/* ---------- MOBILE ---------- */

@media(max-width:600px){

    body:not(.home) main section:not([class*="hero"]),
    body:not(.home) .section,
    body:not(.home) [class*="-section"]{
        padding-top:28px;
        padding-bottom:28px;
    }

    body:not(.home) section[class*="hero"] + section{
        padding-top:20px !important;
    }
}

/* =====================================================
   ABOUT — APPROVED CONSISTENT HERO
   ===================================================== */

.about-hero{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    min-height:0 !important;
    height:auto !important;

    aspect-ratio:1792 / 610 !important;

    background-image:url("../images/about-hero-final.png") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border-radius:0 !important;
    overflow:hidden !important;
    display:block !important;
}

/* Approved image already contains hero typography */
.about-hero > *,
.about-hero .about-hero-inner{
    display:none !important;
}

/* Remove old overlays */
.about-hero::before,
.about-hero::after{
    display:none !important;
    content:none !important;
}

/* No artificial effects */
.about-hero,
.about-hero *{
    text-shadow:none !important;
    box-shadow:none !important;
    filter:none !important;
}

/* Compact transition into first About section */
.about-hero + section{
    padding-top:24px !important;
}

/* Tablet */
@media(max-width:900px){
    .about-hero{
        width:100% !important;
        margin:0 !important;
        aspect-ratio:1792 / 610 !important;
        background-size:100% 100% !important;
        background-position:center center !important;
    }

    .about-hero + section{
        padding-top:22px !important;
    }
}

/* Mobile */
@media(max-width:600px){
    .about-hero{
        width:100% !important;
        margin:0 !important;
        aspect-ratio:1792 / 610 !important;
        background-size:100% 100% !important;
        background-position:center center !important;
    }

    .about-hero + section{
        padding-top:18px !important;
    }
}

/* =====================================================
   ABOUT — CLEAN IMAGE + LIVE HTML TEXT
   ===================================================== */

.about-hero{
    width:100% !important;
    max-width:none !important;
    height:360px !important;
    min-height:360px !important;

    margin:0 !important;
    padding:0 !important;

    background-image:
        linear-gradient(90deg,
            rgba(0,43,78,.88) 0%,
            rgba(0,43,78,.67) 35%,
            rgba(0,43,78,.18) 61%,
            rgba(0,43,78,0) 100%
        ),
        url("../images/about-hero-final.png") !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
}

/* Restore the real HTML content */
.about-hero > *,
.about-hero .about-hero-inner{
    display:block !important;
}

.about-hero .about-hero-inner{
    width:min(1180px,92%) !important;
    margin:0 auto !important;
    padding:20px 0 !important;
}

/* Keep copy compact and on the left */
.about-hero .about-hero-copy{
    max-width:620px !important;
    margin:0 !important;
    padding:0 !important;
}

.about-hero h1{
    color:#fff !important;
    max-width:620px !important;
    margin-top:8px !important;
    margin-bottom:14px !important;
    line-height:1.05 !important;
    text-shadow:none !important;
}

.about-hero p{
    color:#fff !important;
    max-width:600px !important;
    margin-bottom:0 !important;
    line-height:1.55 !important;
    text-shadow:none !important;
}

.about-hero .eyebrow,
.about-hero [class*="eyebrow"]{
    color:#fff !important;
    text-shadow:none !important;
}

/* Remove old decorative overlays */
.about-hero::before,
.about-hero::after{
    display:none !important;
    content:none !important;
}

/* Compact next section */
.about-hero + section{
    padding-top:28px !important;
}


/* TABLET */
@media(max-width:900px){

    .about-hero{
        height:330px !important;
        min-height:330px !important;
        background-position:center center !important;
    }

    .about-hero .about-hero-inner{
        width:90% !important;
        padding:16px 0 !important;
    }
}


/* MOBILE */
@media(max-width:600px){

    .about-hero{
        height:320px !important;
        min-height:320px !important;

        background-position:62% center !important;

        background-image:
            linear-gradient(90deg,
                rgba(0,43,78,.90) 0%,
                rgba(0,43,78,.73) 55%,
                rgba(0,43,78,.28) 100%
            ),
            url("../images/about-hero-final.png") !important;
    }

    .about-hero .about-hero-inner{
        width:90% !important;
        padding:14px 0 !important;
    }

    .about-hero h1{
        font-size:36px !important;
        max-width:480px !important;
    }

    .about-hero p{
        font-size:15px !important;
        max-width:460px !important;
    }
}

/* ==========================================================
   ROTA INNER PAGE HERO SYSTEM V2
   IMPORTANT: HOMEPAGE / index.html IS EXCLUDED
   ========================================================== */

body:not(.home) .rota-inner-hero{
    width:100% !important;
    max-width:none !important;
    height:360px !important;
    min-height:360px !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    overflow:hidden !important;
}

body:not(.home) .rota-inner-hero::before,
body:not(.home) .rota-inner-hero::after{
    text-shadow:none !important;
}

body:not(.home) .rota-inner-hero h1,
body:not(.home) .rota-inner-hero h2,
body:not(.home) .rota-inner-hero p,
body:not(.home) .rota-inner-hero span,
body:not(.home) .rota-inner-hero small{
    text-shadow:none !important;
}

body:not(.home) .rota-inner-hero > div{
    width:min(1180px,92%) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* MEDICAL */
.medical-hero.rota-inner-hero{
    background-position:center center !important;
}

/* HOUSING */
.housing-hero.rota-inner-hero{
    background-position:center center !important;
}

/* EDUCATION */
.education-hero.rota-inner-hero{
    background-position:center center !important;
}

/* INCOME */
.income-hero.rota-inner-hero{
    background-position:center center !important;
}

/* GET ASSISTANCE */
.assistance-hero.rota-inner-hero{
    background-position:center center !important;
}

/* Compact section spacing */
body:not(.home) .rota-inner-hero + section{
    padding-top:28px !important;
}

body:not(.home) main section:not(.rota-inner-hero){
    padding-top:36px;
    padding-bottom:36px;
}

/* TABLET */
@media(max-width:900px){

    body:not(.home) .rota-inner-hero{
        height:330px !important;
        min-height:330px !important;
    }

    body:not(.home) .rota-inner-hero > div{
        width:90% !important;
    }

    body:not(.home) .rota-inner-hero + section{
        padding-top:24px !important;
    }
}

/* MOBILE */
@media(max-width:600px){

    body:not(.home) .rota-inner-hero{
        height:320px !important;
        min-height:320px !important;
    }

    body:not(.home) .rota-inner-hero > div{
        width:90% !important;
    }

    body:not(.home) .rota-inner-hero h1{
        font-size:36px !important;
        line-height:1.08 !important;
    }

    body:not(.home) .rota-inner-hero p{
        font-size:15px !important;
        line-height:1.5 !important;
    }

    body:not(.home) .rota-inner-hero + section{
        padding-top:20px !important;
    }
}


/* =====================================================
   MEDICAL SUPPORT — APPROVED HERO IMAGE
   ===================================================== */

.medical-hero.rota-inner-hero{
    width:100% !important;
    max-width:none !important;

    height:360px !important;
    min-height:360px !important;

    margin:0 !important;
    padding:0 !important;

    background-image:
        linear-gradient(90deg,
            rgba(0,43,78,.88) 0%,
            rgba(0,43,78,.64) 38%,
            rgba(0,43,78,.16) 64%,
            rgba(0,43,78,0) 100%
        ),
        url("../images/medical-support-hero.png") !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    display:flex !important;
    align-items:center !important;
}

/* Keep Medical text fully editable */
.medical-hero.rota-inner-hero h1,
.medical-hero.rota-inner-hero p,
.medical-hero.rota-inner-hero span,
.medical-hero.rota-inner-hero a{
    text-shadow:none !important;
}

/* Tablet */
@media(max-width:900px){

    .medical-hero.rota-inner-hero{
        height:330px !important;
        min-height:330px !important;
        background-position:center center !important;
    }
}

/* Mobile */
@media(max-width:600px){

    .medical-hero.rota-inner-hero{
        height:320px !important;
        min-height:320px !important;

        background-image:
            linear-gradient(90deg,
                rgba(0,43,78,.90) 0%,
                rgba(0,43,78,.72) 60%,
                rgba(0,43,78,.28) 100%
            ),
            url("../images/medical-support-hero.png") !important;

        background-position:center center !important;
    }
}

/* =====================================================
   HOUSING ASSISTANCE — APPROVED HERO
   ===================================================== */

.housing-hero.rota-inner-hero{
    width:100% !important;
    max-width:none !important;
    height:360px !important;
    min-height:360px !important;
    margin:0 !important;
    padding:0 !important;

    background-image:url("../images/housing-hero-final.png") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;
}

/* Image already contains approved centered typography */
.housing-hero.rota-inner-hero > *{
    display:none !important;
}

.housing-hero.rota-inner-hero::before,
.housing-hero.rota-inner-hero::after{
    display:none !important;
    content:none !important;
}

.housing-hero.rota-inner-hero,
.housing-hero.rota-inner-hero *{
    text-shadow:none !important;
    box-shadow:none !important;
    filter:none !important;
}

.housing-hero.rota-inner-hero + section{
    padding-top:28px !important;
}

@media(max-width:900px){
    .housing-hero.rota-inner-hero{
        height:330px !important;
        min-height:330px !important;
        background-position:center center !important;
    }
}

@media(max-width:600px){
    .housing-hero.rota-inner-hero{
        height:320px !important;
        min-height:320px !important;
        background-position:center center !important;
    }

    .housing-hero.rota-inner-hero + section{
        padding-top:20px !important;
    }
}

/* =====================================================
   EDUCATION SUPPORT — STANDARD INNER HERO
   ===================================================== */

.education-hero.rota-inner-hero{
    width:100% !important;
    max-width:none !important;
    height:360px !important;
    min-height:360px !important;
    margin:0 !important;
    padding:0 !important;

    background-image:
        linear-gradient(rgba(0,43,78,.48),rgba(0,43,78,.48)),
        url("../images/education-support-hero.png") !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Centre complete live hero content */
.education-hero.rota-inner-hero > div{
    width:min(900px,90%) !important;
    margin:0 auto !important;
    padding:16px 0 !important;
    text-align:center !important;
}

.education-hero.rota-inner-hero h1,
.education-hero.rota-inner-hero p,
.education-hero.rota-inner-hero [class*="eyebrow"]{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-shadow:none !important;
}

.education-hero.rota-inner-hero p{
    max-width:700px !important;
}

/* Centre buttons */
.education-hero.rota-inner-hero [class*="actions"],
.education-hero.rota-inner-hero [class*="buttons"],
.education-hero.rota-inner-hero [class*="cta"]{
    justify-content:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Remove decorative shadow/effects */
.education-hero.rota-inner-hero,
.education-hero.rota-inner-hero *{
    text-shadow:none !important;
}

/* Tablet */
@media(max-width:900px){
    .education-hero.rota-inner-hero{
        height:330px !important;
        min-height:330px !important;
    }
}

/* Mobile */
@media(max-width:600px){
    .education-hero.rota-inner-hero{
        height:320px !important;
        min-height:320px !important;
        background-position:center center !important;
    }

    .education-hero.rota-inner-hero > div{
        width:92% !important;
        padding:12px 0 !important;
    }
}

/* ============================================================
   ROTA FOUNDATION — FINAL INNER PAGE MASTER OVERRIDE
   HOME PAGE EXCLUDED
   ============================================================ */

/* ---------- STICKY HEADER ---------- */

body:not(.home) .site-header,
body:not(.home) header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;

    width:100% !important;
    min-height:68px !important;

    background:#ffffff !important;

    box-shadow:0 1px 8px rgba(0,0,0,.08) !important;
}

/* Compact header container */
body:not(.home) .header-inner,
body:not(.home) header > div,
body:not(.home) .nav-wrap,
body:not(.home) .navbar{
    min-height:68px !important;
}

/* ---------- LARGER LOGO ---------- */

body:not(.home) header .logo img,
body:not(.home) header .site-logo img,
body:not(.home) header img[src*="logo"]{
    width:auto !important;
    height:48px !important;
    max-height:48px !important;
    object-fit:contain !important;
}

/* ---------- UNIVERSAL INNER HERO ---------- */

body:not(.home) .rota-inner-hero{
    width:100% !important;
    max-width:none !important;

    height:360px !important;
    min-height:360px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    overflow:hidden !important;
}

/* ---------- CENTER ALL HERO CONTENT ---------- */

body:not(.home) .rota-inner-hero > div{
    width:min(900px,92%) !important;
    max-width:900px !important;

    margin:0 auto !important;
    padding:14px 0 !important;

    text-align:center !important;
}

body:not(.home) .rota-inner-hero h1,
body:not(.home) .rota-inner-hero h2,
body:not(.home) .rota-inner-hero p,
body:not(.home) .rota-inner-hero .eyebrow,
body:not(.home) .rota-inner-hero [class*="eyebrow"]{
    text-align:center !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-shadow:none !important;
}

body:not(.home) .rota-inner-hero p{
    max-width:720px !important;
}

/* ---------- CENTER BUTTONS ---------- */

body:not(.home) .rota-inner-hero [class*="actions"],
body:not(.home) .rota-inner-hero [class*="buttons"],
body:not(.home) .rota-inner-hero [class*="cta"]{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    margin-left:auto !important;
    margin-right:auto !important;
}

/* ---------- REMOVE HERO SHADOWS ---------- */

body:not(.home) .rota-inner-hero,
body:not(.home) .rota-inner-hero *{
    text-shadow:none !important;
}

/* ============================================================
   APPROVED EXISTING HERO IMAGES
   ============================================================ */

/* MEDICAL */

.medical-hero.rota-inner-hero{
    background-image:
        linear-gradient(rgba(0,43,78,.42),rgba(0,43,78,.42)),
        url("../images/medical-support-hero.png") !important;
}

/* HOUSING — approved final artwork */

.housing-hero.rota-inner-hero{
    background-image:
        url("../images/housing-hero-final.png") !important;
}

/* Housing artwork currently contains its own approved typography */
.housing-hero.rota-inner-hero > *{
    display:none !important;
}

/* EDUCATION */

.education-hero.rota-inner-hero{
    background-image:
        linear-gradient(rgba(0,43,78,.42),rgba(0,43,78,.42)),
        url("../images/education-support-hero.png") !important;
}

/* INCOME GENERATION */

.income-hero.rota-inner-hero{
    background-image:
        linear-gradient(rgba(0,43,78,.42),rgba(0,43,78,.42)),
        url("../images/income-generation-hero.png") !important;
}

/* GET ASSISTANCE */

.assistance-hero.rota-inner-hero{
    background-image:
        linear-gradient(rgba(0,43,78,.42),rgba(0,43,78,.42)),
        url("../images/get-assistance-hero-final.png") !important;
}

/* ---------- COMPACT CONTENT ---------- */

body:not(.home) .rota-inner-hero + section{
    padding-top:26px !important;
}

body:not(.home) main section:not(.rota-inner-hero){
    padding-top:34px;
    padding-bottom:34px;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){

    body:not(.home) .site-header,
    body:not(.home) header{
        min-height:64px !important;
    }

    body:not(.home) header .logo img,
    body:not(.home) header .site-logo img,
    body:not(.home) header img[src*="logo"]{
        height:44px !important;
        max-height:44px !important;
    }

    body:not(.home) .rota-inner-hero{
        height:330px !important;
        min-height:330px !important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px){

    body:not(.home) .site-header,
    body:not(.home) header{
        min-height:60px !important;
    }

    body:not(.home) header .logo img,
    body:not(.home) header .site-logo img,
    body:not(.home) header img[src*="logo"]{
        height:40px !important;
        max-height:40px !important;
    }

    body:not(.home) .rota-inner-hero{
        height:320px !important;
        min-height:320px !important;
    }

    body:not(.home) .rota-inner-hero > div{
        width:92% !important;
        padding:10px 0 !important;
    }

    body:not(.home) .rota-inner-hero h1{
        font-size:34px !important;
        line-height:1.05 !important;
    }

    body:not(.home) .rota-inner-hero p{
        font-size:15px !important;
        line-height:1.45 !important;
    }

    body:not(.home) .rota-inner-hero + section{
        padding-top:20px !important;
    }
}