/* =========================================
   MYINSPIRE - ACCESSIBILITY GUIDE PAGES
   ========================================= */

body.page-id-13453,
body.page-id-13454,
body.page-id-13455,
body.page-id-13456,
body.page-id-13457{
    background:#071126 !important;
    color:#fff !important;
    overflow-x:hidden;
}

body.page-id-13453 .site-main,
body.page-id-13454 .site-main,
body.page-id-13455 .site-main,
body.page-id-13456 .site-main,
body.page-id-13457 .site-main{
    background:#071126 !important;
    padding:60px 20px 80px !important;
}

body.page-id-13453 .page-header,
body.page-id-13454 .page-header,
body.page-id-13455 .page-header,
body.page-id-13456 .page-header,
body.page-id-13457 .page-header{
    display:none !important;
}

.mi-access-detail{
    width:100% !important;
    max-width:1050px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-family:"Heebo",Arial,sans-serif !important;
    color:#fff !important;
}

/* HERO */
.mi-access-detail > h1{
    max-width:900px;
    margin:0 auto 18px !important;
    color:#fff !important;
    font-family:"Heebo",Arial,sans-serif !important;
    font-size:clamp(38px,5vw,56px) !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    text-align:center !important;
}

.mi-access-lead{
    max-width:820px !important;
    margin:0 auto 48px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:21px !important;
    line-height:1.8 !important;
    text-align:center !important;
}

/* CONTENT SECTIONS */
.mi-access-detail > h2{
    margin:26px 0 0 !important;
    padding:28px 30px 10px !important;
    background:#111C34 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-bottom:0 !important;
    border-radius:22px 22px 0 0 !important;
    color:#5EE7E7 !important;
    font-family:"Heebo",Arial,sans-serif !important;
    font-size:27px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    text-align:right !important;
}

.mi-access-detail > h2 + p,
.mi-access-detail > h2 + ul{
    margin:0 !important;
    padding:8px 30px 28px !important;
    background:#111C34 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-top:0 !important;
    border-radius:0 0 22px 22px !important;
}

/* when a section has more than one paragraph */
.mi-access-detail > h2 + p + p{
    margin:-1px 0 0 !important;
    padding:0 30px 28px !important;
    background:#111C34 !important;
    border-left:1px solid rgba(255,255,255,.10) !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    border-radius:0 0 22px 22px !important;
}

.mi-access-detail p{
    color:rgba(255,255,255,.78) !important;
    font-size:18px !important;
    line-height:1.9 !important;
    text-align:right !important;
}

.mi-access-detail ul{
    padding-right:52px !important;
}

.mi-access-detail li{
    margin-bottom:10px !important;
    color:rgba(255,255,255,.80) !important;
    font-size:18px !important;
    line-height:1.8 !important;
}

.mi-access-detail li::marker{
    color:#5EE7E7 !important;
}

/* WEBFOUNDRY CTA */
.mi-access-detail-cta{
    margin-top:42px !important;
    padding:44px 34px !important;
    background:linear-gradient(135deg,#111C34,#0D3448) !important;
    border:1px solid rgba(94,231,231,.22) !important;
    border-radius:24px !important;
    text-align:center !important;
    box-shadow:0 22px 60px rgba(0,0,0,.20);
}

.mi-access-detail-cta h2{
    margin:0 0 12px !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    color:#fff !important;
    font-size:32px !important;
    text-align:center !important;
}

.mi-access-detail-cta p{
    max-width:700px;
    margin:0 auto 24px !important;
    color:rgba(255,255,255,.76) !important;
    text-align:center !important;
}

.mi-access-detail-cta a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:14px 30px !important;
    background:linear-gradient(135deg,#2563EB,#00C2CB) !important;
    border-radius:14px !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:17px !important;
    font-weight:800 !important;
    box-shadow:0 12px 30px rgba(0,194,203,.18);
    transition:.2s ease;
}

.mi-access-detail-cta a:hover,
.mi-access-detail-cta a:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(0,194,203,.28);
}

.mi-access-disclaimer{
    margin:24px 0 0 !important;
    color:rgba(255,255,255,.45) !important;
    font-size:13px !important;
    text-align:center !important;
}

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

    body.page-id-13453 .site-main,
    body.page-id-13454 .site-main,
    body.page-id-13455 .site-main,
    body.page-id-13456 .site-main,
    body.page-id-13457 .site-main{
        padding:40px 16px 60px !important;
    }

    .mi-access-detail > h1{
        font-size:36px !important;
    }

    .mi-access-lead{
        font-size:18px !important;
        margin-bottom:34px !important;
    }

    .mi-access-detail > h2{
        padding:24px 22px 8px !important;
        font-size:23px !important;
    }

    .mi-access-detail > h2 + p,
    .mi-access-detail > h2 + ul{
        padding:8px 22px 24px !important;
    }

    .mi-access-detail > h2 + p + p{
        padding:0 22px 24px !important;
    }

    .mi-access-detail p,
    .mi-access-detail li{
        font-size:17px !important;
    }

    .mi-access-detail-cta{
        padding:34px 22px !important;
    }

    .mi-access-detail-cta a{
        width:100% !important;
    }
}