body,
body.home,
html {
    margin: 0;
    padding: 0
}

body.home.noscroll,
body.noscroll,
html.noscroll {
    overflow: hidden
}

.hidden {
    display: none !important
}

html[lang=ar] body.home {
    height: 100%
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header {
        padding: 18px 0
    }
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header div.mc-row {
        height: 60px
    }
}

html[lang=ar] body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button {
    right: initial;
    left: 96px
}

@media (min-width:1056px) {
    html[lang=ar] body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div input.mc-input[type=submit] {
        right: 24px
    }
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div input.mc-input[type=submit] {
        left: 0
    }
}

html[lang=ar] body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm {
    padding: 13px 56px 13px 0
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm {
        padding: 16px 0 16px 16px
    }
}

html[lang=ar] body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.translate-btn.open+ul {
    left: 0;
    right: initial
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header .mc-menu-trigger {
        left: initial;
        right: calc(100vw - 96px);
        border-left: 0;
        border-right: 1px solid #d2d2d2
    }
}

html[lang=ar] body.home header.mayo-nav-header .mc-menu-trigger[aria-expanded=true]:before {
    content: 'أغلق'
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav {
        left: 0;
        right: initial
    }
}

@media (min-width:1056px) {
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] {
        align-items: center;
        display: flex
    }
}

@media (min-width:1056px) and (max-width:1343px) {

    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu],
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover div[role=menu] {
        left: initial;
        right: -18px
    }
}

@media (min-width:1344px) {

    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu],
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover div[role=menu] {
        left: initial;
        right: -8px
    }
}

html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu {
    justify-content: space-evenly;
    text-align: right
}

@media (max-width:1055px) {
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu:after {
        left: 40px;
        right: initial
    }
}

@media (max-width:830px) and (min-width:1056px) {
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div#nav-sub-5 {
        left: -177px;
        right: initial
    }
}

@media (max-width:945px) and (min-width:831px) {
    html[lang=ar] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div#nav-sub-5 {
        left: -188px;
        right: initial
    }
}

html[lang=ar] body.home .full-width .sub-full-bleed .contentbox .h1,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox .h2,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox .h3,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox .h4,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox .h5,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox .h6,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox h1,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox h2,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox h3,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox h4,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox h5,
html[lang=ar] body.home .full-width .sub-full-bleed .contentbox h6,
html[lang=ar] body.home .full-width .sub-full-bleed .h1,
html[lang=ar] body.home .full-width .sub-full-bleed .h2,
html[lang=ar] body.home .full-width .sub-full-bleed .h3,
html[lang=ar] body.home .full-width .sub-full-bleed .h4,
html[lang=ar] body.home .full-width .sub-full-bleed .h5,
html[lang=ar] body.home .full-width .sub-full-bleed .h6,
html[lang=ar] body.home .full-width .sub-full-bleed h1,
html[lang=ar] body.home .full-width .sub-full-bleed h2,
html[lang=ar] body.home .full-width .sub-full-bleed h3,
html[lang=ar] body.home .full-width .sub-full-bleed h4,
html[lang=ar] body.home .full-width .sub-full-bleed h5,
html[lang=ar] body.home .full-width .sub-full-bleed h6 {
    line-height: 1.3em
}

html[lang=ar] body.home .main .full-width .sub-full-bleed .hero {
    background-image: url(https://www.mayoclinic.org/~/media/CA80C062349B40D1828BEE2016B2683A.png) !important;
    background-position: 50% 10% !important
}

@media (max-width:1055px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed .hero {
        aspect-ratio: 2;
        background-image: url(https://www.mayoclinic.org/~/media/B871888A740A4110B2055C3B8B32B8C7.png) !important
    }
}

@media (max-width:767px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed .hero {
        aspect-ratio: 1;
        background-image: url(https://www.mayoclinic.org/~/media/3DFAE84E25784D6EB5746D267BBC81D1.png) !important;
        background-position: 70% 50% !important
    }
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.ctas .button-cta:active svg,
html[lang=ar] body.home .main .full-width .sub-full-bleed.ctas .button-cta:focus svg,
html[lang=ar] body.home .main .full-width .sub-full-bleed.ctas .button-cta:hover svg {
    margin-right: 8px;
    margin-left: -8px
}

@media (min-width:768px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed.ctas .button-cta:not(:first-child) {
        border-left: 1px solid #d2d2d2;
        border-right: 0
    }
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub {
    border-bottom: 0
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.covid {
    display: none
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.covid svg {
    transform: rotate(180deg)
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.promos .promo-card svg.arrow-right {
    left: 40px;
    right: initial;
    transition: left .2s ease
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.promos .promo-card:active svg.arrow-right,
html[lang=ar] body.home .main .full-width .sub-full-bleed.promos .promo-card:focus svg.arrow-right,
html[lang=ar] body.home .main .full-width .sub-full-bleed.promos .promo-card:hover svg.arrow-right {
    left: 32px;
    right: initial
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.donation-cta .button-secondary {
    margin-left: initial;
    margin-right: auto
}

@media (max-width:767px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider {
        display: flex;
        gap: initial;
        justify-content: initial
    }
}

@media (max-width:767px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:first-of-type {
        margin-left: 8px;
        margin-right: 40px
    }
}

@media (max-width:767px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:last-of-type {
        margin-left: 40px;
        margin-right: 8px
    }
}

html[lang=ar] body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card .h3,
html[lang=ar] body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card h3 {
    letter-spacing: 0
}

html[lang=ar] body.home .main .full-width .sub-full-bleed .card-slider-control:not(:first-of-type) {
    margin-left: initial;
    margin-right: 16px
}

@media (min-width:1056px) {
    html[lang=ar] body.home .main .full-width .sub-full-bleed.footer-quicklinks {
        padding-left: 40px !important;
        padding-right: 40px !important
    }
}

html[lang=ar] body.home svg.arrow-right {
    transform: rotate(180deg)
}

@media (max-width:1343px) and (min-width:1114px) {
    html[lang=en] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 56px
    }
}

@media (max-width:1113px) and (min-width:1056px) {
    html[lang=en] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 48px
    }
}

html[lang=es] body.home header.mayo-nav-header .mc-menu-trigger[aria-expanded=true]:before {
    content: 'cerrar'
}

@media (min-width:1056px) {
    html[lang=es] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        align-items: flex-start
    }
}

@media (max-width:1343px) and (min-width:1265px) {
    html[lang=es] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 24px
    }
}

@media (max-width:1264px) and (min-width:1225px) {
    html[lang=es] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 16px
    }
}

@media (max-width:1224px) and (min-width:1185px) {
    html[lang=es] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 8px
    }
}

@media (max-width:1184px) and (min-width:1093px) {
    html[lang=es] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 56px
    }
}

@media (max-width:1092px) and (min-width:1056px) {
    html[lang=es] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 40px
    }
}

html[lang=zh-Hans] body.home header.mayo-nav-header .mc-menu-trigger[aria-expanded=true]:before {
    content: '关闭'
}

@media (min-width:1344px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 104px
    }
}

@media (max-width:1343px) and (min-width:1215px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 88px
    }
}

@media (max-width:1214px) and (min-width:1175px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 80px
    }
}

@media (max-width:1174px) and (min-width:1135px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 72px
    }
}

@media (max-width:1134px) and (min-width:1095px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 64px
    }
}

@media (max-width:1094px) and (min-width:1056px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 56px
    }
}

html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] {
    align-items: center
}

@media (min-width:1056px) {

    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu],
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover div[role=menu] {
        left: -24px
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    html[lang=zh-Hans] body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div#nav-sub-6 {
        left: -24px;
        right: initial
    }
}

html[lang=zh-Hans] body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub {
    border-bottom: 0
}

html[lang=zh-Hans] body.home .main .full-width .sub-full-bleed.covid {
    display: none
}

body.home {
    background: #fff
}

body.home * {
    box-sizing: border-box;
    line-height: 1em;
    font-family: mayo-sans, sans-serif;
    -webkit-font-smoothing: antialiased
}

body.home .kampyle_feedback-button {
    z-index: 299
}

body.home .full-width .sub-full-bleed .contentbox .h1,
body.home .full-width .sub-full-bleed .contentbox .h2,
body.home .full-width .sub-full-bleed .contentbox .h3,
body.home .full-width .sub-full-bleed .contentbox .h4,
body.home .full-width .sub-full-bleed .contentbox .h5,
body.home .full-width .sub-full-bleed .contentbox .h6,
body.home .full-width .sub-full-bleed .contentbox h1,
body.home .full-width .sub-full-bleed .contentbox h2,
body.home .full-width .sub-full-bleed .contentbox h3,
body.home .full-width .sub-full-bleed .contentbox h4,
body.home .full-width .sub-full-bleed .contentbox h5,
body.home .full-width .sub-full-bleed .contentbox h6,
body.home .full-width .sub-full-bleed .h1,
body.home .full-width .sub-full-bleed .h2,
body.home .full-width .sub-full-bleed .h3,
body.home .full-width .sub-full-bleed .h4,
body.home .full-width .sub-full-bleed .h5,
body.home .full-width .sub-full-bleed .h6,
body.home .full-width .sub-full-bleed h1,
body.home .full-width .sub-full-bleed h2,
body.home .full-width .sub-full-bleed h3,
body.home .full-width .sub-full-bleed h4,
body.home .full-width .sub-full-bleed h5,
body.home .full-width .sub-full-bleed h6 {
    font-weight: 400;
    text-align: initial;
    text-transform: initial
}

body.home .full-width .sub-full-bleed .contentbox .h1,
body.home .full-width .sub-full-bleed .contentbox .h2,
body.home .full-width .sub-full-bleed .contentbox h1,
body.home .full-width .sub-full-bleed .contentbox h2,
body.home .full-width .sub-full-bleed .h1,
body.home .full-width .sub-full-bleed .h2,
body.home .full-width .sub-full-bleed h1,
body.home .full-width .sub-full-bleed h2 {
    font-family: mayo-display, serif
}

body.home .full-width .sub-full-bleed .contentbox .h3,
body.home .full-width .sub-full-bleed .contentbox .h4,
body.home .full-width .sub-full-bleed .contentbox .h5,
body.home .full-width .sub-full-bleed .contentbox .h6,
body.home .full-width .sub-full-bleed .contentbox h3,
body.home .full-width .sub-full-bleed .contentbox h4,
body.home .full-width .sub-full-bleed .contentbox h5,
body.home .full-width .sub-full-bleed .contentbox h6,
body.home .full-width .sub-full-bleed .h3,
body.home .full-width .sub-full-bleed .h4,
body.home .full-width .sub-full-bleed .h5,
body.home .full-width .sub-full-bleed .h6,
body.home .full-width .sub-full-bleed h3,
body.home .full-width .sub-full-bleed h4,
body.home .full-width .sub-full-bleed h5,
body.home .full-width .sub-full-bleed h6 {
    font-family: mayo-serif, arial, serif
}

body.home .full-width .sub-full-bleed .contentbox .h1,
body.home .full-width .sub-full-bleed .contentbox h1,
body.home .full-width .sub-full-bleed .h1,
body.home .full-width .sub-full-bleed h1 {
    font-size: 69px;
    line-height: 1em;
    margin: 0 0 28px !important
}

@media (min-width:1056px) and (max-width:1343px) {

    body.home .full-width .sub-full-bleed .contentbox .h1,
    body.home .full-width .sub-full-bleed .contentbox h1,
    body.home .full-width .sub-full-bleed .h1,
    body.home .full-width .sub-full-bleed h1 {
        font-size: 55px;
        margin-bottom: 32px !important
    }
}

@media (max-width:1055px) {

    body.home .full-width .sub-full-bleed .contentbox .h1,
    body.home .full-width .sub-full-bleed .contentbox h1,
    body.home .full-width .sub-full-bleed .h1,
    body.home .full-width .sub-full-bleed h1 {
        font-size: 44px;
        margin-bottom: 20px !important
    }
}

@media (max-width:767px) {

    body.home .full-width .sub-full-bleed .contentbox .h1,
    body.home .full-width .sub-full-bleed .contentbox h1,
    body.home .full-width .sub-full-bleed .h1,
    body.home .full-width .sub-full-bleed h1 {
        margin-bottom: 16px !important
    }
}

body.home .full-width .sub-full-bleed .contentbox .h2,
body.home .full-width .sub-full-bleed .contentbox h2,
body.home .full-width .sub-full-bleed .h2,
body.home .full-width .sub-full-bleed h2 {
    font-size: 55px;
    line-height: 1em;
    margin: 0 0 24px !important
}

@media (min-width:1056px) and (max-width:1343px) {

    body.home .full-width .sub-full-bleed .contentbox .h2,
    body.home .full-width .sub-full-bleed .contentbox h2,
    body.home .full-width .sub-full-bleed .h2,
    body.home .full-width .sub-full-bleed h2 {
        font-size: 44px
    }
}

@media (max-width:1055px) {

    body.home .full-width .sub-full-bleed .contentbox .h2,
    body.home .full-width .sub-full-bleed .contentbox h2,
    body.home .full-width .sub-full-bleed .h2,
    body.home .full-width .sub-full-bleed h2 {
        font-size: 35px;
        margin-bottom: 16px !important
    }
}

body.home .full-width .sub-full-bleed .contentbox .h3,
body.home .full-width .sub-full-bleed .contentbox h3,
body.home .full-width .sub-full-bleed .h3,
body.home .full-width .sub-full-bleed h3 {
    font-size: 29px;
    line-height: 35px;
    margin: 0 0 8px !important
}

body.home .full-width .sub-full-bleed .contentbox .h4,
body.home .full-width .sub-full-bleed .contentbox h4,
body.home .full-width .sub-full-bleed .h4,
body.home .full-width .sub-full-bleed h4 {
    font-size: 29px;
    line-height: 1.15em;
    margin: 0 0 16px !important
}

body.home .full-width .sub-full-bleed .contentbox .p,
body.home .full-width .sub-full-bleed .contentbox p,
body.home .full-width .sub-full-bleed .p,
body.home .full-width .sub-full-bleed p {
    font-size: 18px;
    font-family: mayo-sans, sans-serif;
    line-height: 27px
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub:last-child section {
    overflow: visible
}

body.home .main .full-width .sub-full-bleed:not([class*=footer-quicklinks]) {
    padding-bottom: 0;
    padding-top: 0
}

body.home #main-content>.full-width>.sub-full-bleed>.sub-placeholder {
    margin: 0;
    max-width: initial
}

body.home a {
    cursor: pointer
}

body.home a span {
    font-size: 18px
}

body.home .clean,
body.home .full-width {
    margin: 0;
    overflow: hidden
}

body.home .clean .sub,
body.home .clean .sub-full-bleed .sub-placeholder,
body.home .full-width .sub,
body.home .full-width .sub-full-bleed .sub-placeholder {
    max-width: 1344px;
    padding-left: 0;
    padding-right: 0
}

body.home .clean .sub,
body.home .full-width .sub {
    margin: 0 40px
}

@media (min-width:1056px) and (max-width:1343px) {

    body.home .clean .sub,
    body.home .full-width .sub {
        margin: 0 24px
    }
}

body.home.top-task-full .main .sub-full-bleed:nth-child(2n+3) {
    background: #fff !important
}

body.home.top-task-full .full-width .sub-full-bleed .sub,
body.home.top-task-full .full-width .sub-full-bleed .sub-placeholder {
    max-width: initial
}

body.home .row,
body.home.top-task-full form>footer+footer .row {
    padding: 0 !important;
    margin: 0 !important;
    max-width: initial
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub {
    clear: both;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(16, 1fr);
    margin-bottom: 24px
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub:after {
    content: none
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub:last-child {
    margin-bottom: 0
}

@media (min-width:1344px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:1055px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub {
        grid-template-columns: repeat(8, 1fr);
        margin: 0;
        padding: 0
    }
}

@media (max-width:767px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:1344px) {

    body.home .full-width .sub-full-bleed .sub-placeholder .sub .contentbox .p-12:first-child,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .contentbox .p-3:first-child,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .contentbox .p-4:first-child,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .contentbox .p-6:first-child,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .contentbox .p-8:first-child {
        grid-column-start: 2
    }
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-12,
body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-3,
body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-4,
body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-6,
body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-8 {
    float: none;
    margin: 0;
    width: unset
}

@media (max-width:1055px) {

    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-12,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-3,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-4,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-6,
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-8 {
        float: none;
        margin: 0;
        margin-bottom: 24px;
        padding: 0;
        width: 100%
    }
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-3 {
    grid-column-end: span 3
}

@media (max-width:1055px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-3 {
        grid-column-end: span 4
    }
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-4 {
    grid-column-end: span 4
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-4:first-child {
        grid-column-end: span 5
    }
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-6 {
    grid-column-end: span 6
}

@media (max-width:1055px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-6 {
        grid-column-end: span 4
    }
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-8 {
    grid-column-end: span 9
}

@media (max-width:1055px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-8 {
        grid-column-end: span 8
    }
}

@media (max-width:767px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-8 {
        grid-column-end: span 4
    }
}

body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-12 {
    grid-column-end: span 16
}

@media (max-width:1055px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-12 {
        grid-column-end: span 8
    }
}

@media (max-width:767px) {
    body.home .full-width .sub-full-bleed .sub-placeholder .sub .p-12 {
        grid-column-end: span 4
    }
}

body.home [class^=button-] {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 27px
}

body.home [class^=button-]:not(:first-of-type) {
    margin-left: 24px
}

body.home .button-primary {
    background: #0057b8;
    border: 2px solid #0057b8;
    border-radius: 56px;
    color: #fff;
    padding: 16px 24px;
    text-align: center;
    transition: background .1s ease, color 50ms ease
}

body.home .button-primary:active,
body.home .button-primary:focus,
body.home .button-primary:hover {
    background: #fff;
    color: #0057b8;
    text-decoration: none
}

body.home .button-secondary {
    background: 0 0;
    border: 2px solid #000;
    border-radius: 56px;
    color: #000;
    padding: 16px 24px;
    text-align: center;
    transition: background .1s ease, border-color .1s ease, color 50ms ease
}

body.home .button-secondary:active,
body.home .button-secondary:focus,
body.home .button-secondary:hover {
    background: #707070;
    color: #fff;
    border-color: #707070;
    text-decoration: none
}

body.home .button-cta {
    align-items: center;
    border-top: 1px solid #000;
    color: #000;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

body.home .button-cta svg {
    background-color: #fff;
    border-radius: 24px;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.h3+body.home .button-cta,
h3+body.home .button-cta {
    border-top: 0
}

body.home .arrow-right-rb svg.arrow-right {
    bottom: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    transition: right .2s ease;
    width: 40px
}

body.home .arrow-right-rb:active svg.arrow-right,
body.home .arrow-right-rb:focus svg.arrow-right,
body.home .arrow-right-rb:hover svg.arrow-right {
    right: 32px
}

body.home .dark-mode {
    background-color: #000;
    color: #fff
}

body.home .light-mode {
    background-color: #fff;
    color: #000
}

body.home .globalnotice>div {
    max-width: 1343px
}

@media (min-width:1056px) {
    body.home .globalnotice>div .myc-sh svg {
        right: 0
    }
}

body.home header.mayo-nav-header {
    padding-bottom: 0
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header {
        padding: 19px 0
    }
}

body.home header.mayo-nav-header .mayo-nav-search>button,
body.home header.mayo-nav-header .mc-menu-trigger {
    background: #fff;
    color: #000;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    height: 96px;
    width: 96px;
    top: 0;
    right: 0;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    position: absolute
}

@media (min-width:1056px) {

    body.home header.mayo-nav-header .mayo-nav-search>button,
    body.home header.mayo-nav-header .mc-menu-trigger {
        display: none
    }
}

body.home header.mayo-nav-header .mc-menu-trigger {
    border-left: 1px solid #d2d2d2
}

body.home header.mayo-nav-header .mc-menu-trigger:after {
    content: none
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header .mc-menu-trigger {
        left: calc(100vw - 96px)
    }

    body.home header.mayo-nav-header .mc-menu-trigger[aria-expanded=true] {
        background: #000;
        color: #000
    }

    body.home header.mayo-nav-header .mc-menu-trigger[aria-expanded=true]:before {
        background: 0 0;
        color: #fff;
        content: 'Close';
        height: initial;
        left: 50%;
        margin-left: initial;
        top: initial;
        transform: translateX(-50%);
        width: initial
    }
}

body.home header.mayo-nav-header div.mc-row {
    align-items: center;
    gap: 64px;
    justify-content: space-between;
    margin-bottom: 24px;
    max-width: 1343px;
    padding: 0 40px
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row {
        margin-bottom: 0
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home header.mayo-nav-header div.mc-row {
        padding: 0 24px
    }
}

body.home header.mayo-nav-header div.mc-row:after {
    display: none
}

body.home header.mayo-nav-header div.mc-row .mc-logo {
    flex: 1 1 auto;
    margin: 0;
    width: initial
}

body.home header.mayo-nav-header div.mc-row .mc-logo img {
    height: 56px;
    width: auto
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search {
    flex: 0 0 306px;
    margin: 0;
    width: initial
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search {
        position: absolute;
        left: 0;
        right: 0;
        top: -19px
    }
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button {
    font-size: 0;
    right: 96px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button:after,
body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button:before {
    content: none;
    display: none
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button[aria-expanded=true] {
    background: #000
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button[aria-expanded=true] svg {
    fill: #fff
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button[aria-expanded=true]+#searchWrapper {
    display: flex
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>button svg {
    height: 24px;
    width: 24px
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper {
        display: none;
        position: absolute;
        border: 0;
        background: #000;
        height: 96px;
        align-items: flex-end;
        justify-content: center;
        padding: 16px 40px;
        right: 96px;
        width: calc(767px - 96px);
        top: 96px;
        margin-top: 0;
        left: initial
    }

    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper:after {
        content: none
    }
}

@media (max-width:596px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper {
        left: 0
    }
}

@media (max-width:767px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper {
        right: 0;
        width: 100%
    }
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 40px;
    box-shadow: none;
    margin: 0
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div {
        background: 0 0;
        border: 0;
        border-radius: 0;
        flex: 1 0 100%
    }
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div input.mc-input[type=submit] {
    background: url(https://www.mayoclinic.org/~/media/2B9F8C024C1E47E7B9C4CCC1C3316AA4.svg) no-repeat 0 0;
    height: 16px;
    width: 16px;
    top: 16px
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div input.mc-input[type=submit] {
        left: 24px
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div input.mc-input[type=submit] {
        right: 0
    }
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm {
    border-radius: 40px;
    color: #000;
    font-size: 18px;
    line-height: 18px;
    padding: 13px 0 13px 56px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm::placeholder {
    color: #707070
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm {
        background: #000;
        border-bottom: 1px solid #fff;
        border-radius: 0;
        color: #fff;
        padding: 16px 16px 16px 0;
        font-size: 18px;
        line-height: 18px
    }

    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm::placeholder {
        color: #fff
    }

    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm::selection {
        background-color: #0057b8;
        color: #fff
    }

    body.home header.mayo-nav-header div.mc-row .mayo-nav-search>div#searchWrapper>div #searchTerm:focus {
        outline-color: #fff
    }
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container {
    margin: 0
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container {
        display: none
    }
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] {
    align-items: center;
    display: flex;
    gap: 32px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.login {
    color: #000;
    font-size: 14px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.login:before {
    background: url(https://www.mayoclinic.org/~/media/02BDB70DA5D64240AF861FF3B419080F.svg) no-repeat 0 0
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.translate-btn {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    min-width: initial;
    padding: 0 14px 0 0;
    width: initial
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.translate-btn:after {
    height: 4px;
    right: 0;
    top: 4px;
    width: 7px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.translate-btn:before {
    display: none
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.translate-btn.open+ul {
    background: #fff;
    border: 0;
    left: -12px;
    top: 2em;
    min-width: initial;
    width: 90px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] a.translate-btn.open+ul li a {
    color: #000;
    font-size: 14px;
    padding: 12px 16px
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container ul[role=menubar] li.translate-dropdown {
    position: relative
}

body.home header.mayo-nav-header div.mc-row .mayo-nav-section.translate-dropdown-container .mayo-nav-socialmedia {
    display: none
}

body.home header.mayo-nav-header .mayo-nav-section.xs-hidden {
    display: none
}

body.home header.mayo-nav-header nav#main-nav {
    border-top: 1px solid #d2d2d2;
    border-bottom: 0;
    max-width: initial !important
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav {
        background: #000;
        border: 0;
        display: none;
        margin: 0;
        max-width: 767px !important;
        right: 0;
        position: absolute;
        top: 96px
    }
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav {
        display: grid;
        grid-gap: 16px;
        padding: 0 40px
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home header.mayo-nav-header nav#main-nav {
        padding: 0 24px
    }
}

@media (min-width:1344px) {
    body.home header.mayo-nav-header nav#main-nav {
        border-bottom: 1px solid #d2d2d2
    }
}

body.home header.mayo-nav-header nav#main-nav>a,
body.home header.mayo-nav-header nav#main-nav>button {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    height: initial;
    width: initial;
    padding: 0;
    position: fixed;
    top: 24px;
    z-index: 2
}

@media (min-width:1056px) {

    body.home header.mayo-nav-header nav#main-nav>a,
    body.home header.mayo-nav-header nav#main-nav>button {
        display: none
    }
}

body.home header.mayo-nav-header nav#main-nav>a {
    left: 40px;
    text-transform: initial
}

body.home header.mayo-nav-header nav#main-nav>button {
    border: 0;
    font-weight: 600;
    right: 40px;
    text-transform: uppercase
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav #available-languages-mobile {
        display: grid !important;
        grid-gap: 40px;
        grid-template-columns: repeat(3, 1fr);
        padding: 24px 40px 40px;
        list-style-type: none;
        margin: 0
    }

    body.home header.mayo-nav-header nav#main-nav #available-languages-mobile li {
        display: inherit
    }

    body.home header.mayo-nav-header nav#main-nav #available-languages-mobile li a {
        color: #fff
    }

    body.home header.mayo-nav-header nav#main-nav #available-languages-mobile li a:focus {
        outline-color: inherit
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
    align-items: stretch;
    display: flex;
    min-height: 60px;
    margin: 0 auto;
    max-width: 1263px;
    position: relative
}

@media (min-width:1344px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        gap: 40px
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav {
        flex-direction: column;
        padding: 0;
        padding-top: 24px
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] {
    border: 0 !important;
    flex: 1 2 auto;
    position: relative;
    width: initial
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:before {
        content: '';
        display: block;
        position: absolute;
        height: 67px;
        top: 0;
        right: 0;
        left: 0;
        pointer-events: auto
    }
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] {
        align-items: flex-start;
        display: flex;
        position: relative;
        align-self: stretch
    }
}

@media (min-width:1344px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] {
        align-items: center;
        display: flex
    }
}

@media (min-width:1056px) and (max-width:1343px) {

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].mayo-nav_item-departments,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].mayo-nav_item-education,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].mayo-nav_item-giving {
        flex: 1 1 auto
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:not([class*=mayo-nav_item-]):not(.nav-right-items) a {
        display: none
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:not([class*=mayo-nav_item-]):not(.nav-right-items) a.login {
    border-bottom: 1px solid #484848;
    border-top: 1px solid #484848;
    display: block !important;
    font-size: 18px;
    line-height: 27px;
    padding: 24px 40px
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:not([class*=mayo-nav_item-]):not(.nav-right-items) a.login:before {
    background: url(https://www.mayoclinic.org/~/media/EDD43AB4A12F451D8537D4ECA971CBBB.svg) no-repeat 0 0;
    display: inline-block;
    height: 18px;
    margin-right: 1em;
    position: relative;
    vertical-align: sub;
    z-index: 1
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].xs-visible {
        display: block !important
    }

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].xs-visible a {
        background-color: #000;
        color: #fff;
        border: 0;
        padding-left: 0;
        margin: 0
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].xs-visible .mayo-nav-socialmedia {
    display: none
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu {
    background-color: #fff;
    color: #000;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    padding: 8px 0
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu {
        background-color: #000;
        color: #fff;
        border: 0;
        display: block;
        font-family: mayo-display, serif;
        font-size: 23px;
        font-weight: 400;
        line-height: 35px;
        padding: 16px 56px 16px 40px;
        text-decoration: none;
        pointer-events: none
    }

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu span {
        font-family: mayo-display, serif
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu:focus {
    outline-color: inherit
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu:after {
    background: url(https://www.mayoclinic.org/~/media/60AF967F5DA44410A3537E23518615C4.svg) no-repeat 0 0;
    display: inline-block;
    flex: 0 0 15px;
    height: 15px;
    margin-left: 8px;
    position: relative;
    right: initial;
    top: .1em;
    vertical-align: bottom;
    width: 15px;
    transition: transform .3s ease
}

@media (min-width:1344px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu:after {
        margin-left: 7px
    }
}

@media (max-width:900px) and (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu:after {
        display: none
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu:after {
        background: url(https://www.mayoclinic.org/~/media/E1109EE426414F7AB6FCF9B49C03D286.svg) no-repeat 0 0;
        position: absolute;
        right: 40px;
        top: 24px;
        width: 16px
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]>.submenu span {
    flex: 0 1 auto
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu:focus,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].focus-within>.submenu,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].mayo-nav-active>.submenu,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:focus-within>.submenu,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu {
    color: #000
}

@media (max-width:1055px) {

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu:focus,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].focus-within>.submenu,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].mayo-nav-active>.submenu,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:focus-within>.submenu,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu {
        background-color: #000;
        color: #fff
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] a:focus {
        color: #fff;
        outline-color: #fff
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true] {
    background: 0 0
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open:after,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover:after,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true]:after {
    display: none
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open>.submenu,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true]>.submenu {
    border-color: transparent;
    color: #000
}

@media (max-width:1055px) {

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open>.submenu,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true]>.submenu {
        background-color: #000;
        color: #fff
    }
}

@media (min-width:1056px) {

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open>.submenu+div[role=menu],
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu+div[role=menu],
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true]>.submenu+div[role=menu] {
        display: flex
    }
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu {
        text-decoration: underline
    }
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item]:hover>.submenu:after {
        transform: rotateZ(-180deg)
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open>.submenu,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true]>.submenu {
    text-decoration: underline
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item].menu-open>.submenu:after,
body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item][aria-expanded=true]>.submenu:after {
    transform: rotateZ(-180deg)
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div[role=menu] {
        border-top: 1px solid #fff !important;
        display: none;
        left: -28px !important;
        padding-top: 8px;
        z-index: 2
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div[role=menu] {
        border-left: 0;
        border-right: 0;
        border-top: 0 !important;
        box-shadow: none;
        display: none;
        left: 0;
        width: 100% !important;
        z-index: 2
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu] .mayo-nav_item-box {
    align-self: flex-end;
    background: 0 0;
    color: #000
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu] .mayo-nav_item-box p {
    color: #000
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box {
    display: block;
    flex-basis: 222px !important;
    flex-shrink: 0;
    padding: 16px;
    padding-bottom: 8px !important
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box {
        display: none
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box a {
    border: 0;
    display: inline;
    font-size: 14px;
    line-height: 21px;
    margin: initial;
    padding: initial
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box p {
    margin: 14px 0 8px
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box p strong {
    font-size: 14px;
    line-height: 24px
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu] {
    display: flex
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu] {
        border-bottom: 1px solid #484848;
        flex-direction: column;
        position: relative
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu] ul {
        margin: 0
    }
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .submenu[aria-expanded=true]+div[role=menu] ul li a {
        font-size: 18px;
        line-height: 23px;
        padding: 8px 40px
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div {
    background-color: #000;
    color: #fff
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div {
        background-color: #fff;
        color: #000;
        width: max-content !important
    }
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div#nav-sub-5 {
        max-width: 360px
    }
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div#nav-sub-6 {
        max-width: 230px
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div#nav-sub-6 {
        left: initial !important;
        right: -24px !important
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div a {
    background: 0 0;
    color: #fff;
    font-size: 18px
}

@media (min-width:1056px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div a {
        color: #000
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div div {
    width: 224px !important
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div ul {
    width: 100%
}

@media (max-width:1343px) {

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div ul a,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div ul li {
        border: 0
    }
}

@media (max-width:1055px) {

    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div ul a,
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div ul li {
        padding: 0
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box {
    padding-bottom: 16px
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] div .mayo-nav_item-box img {
    border: 0;
    height: auto;
    object-fit: cover;
    max-width: 100%
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav li[class*=mayo-nav_item] .mayo-nav-with-item-box:hover div[role=menu] {
    width: initial
}

@media (max-width:1055px) {
    body.home header.mayo-nav-header nav#main-nav ul.mayo-nav .translate-dropdown {
        position: relative
    }
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav .translate-dropdown #available-languages {
    margin: 0;
    padding: 0 0 32px;
    width: 100%
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav .translate-dropdown #available-languages li {
    margin: 16px 0
}

body.home header.mayo-nav-header nav#main-nav ul.mayo-nav .translate-dropdown #available-languages li a {
    color: #fff;
    display: block;
    padding: 0
}

body.home #main-content .sub-full-bleed.footer-quicklinks {
    background: #000 !important;
    padding-left: 40px !important;
    padding-right: 40px !important
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home #main-content .sub-full-bleed.footer-quicklinks {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media (max-width:1055px) {
    body.home #main-content .sub-full-bleed.footer-quicklinks {
        margin-top: -24px
    }
}

body.home #main-content .sub-full-bleed.footer-quicklinks h3 {
    font-family: mayo-sans, sans-serif
}

body.home #main-content .sub-full-bleed.footer-quicklinks a,
body.home #main-content .sub-full-bleed.footer-quicklinks h3,
body.home #main-content .sub-full-bleed.footer-quicklinks p {
    font-size: 18px
}

body.home #main-content .sub-full-bleed.footer-quicklinks .sub,
body.home #main-content .sub-full-bleed.footer-quicklinks-two .sub-placeholder,
body.home.top-task-full form>footer+footer .row {
    grid-template-columns: repeat(12, 1fr);
    margin: 0 auto !important;
    max-width: 1343px
}

@media (max-width:767px) {

    body.home #main-content .sub-full-bleed.footer-quicklinks .sub,
    body.home #main-content .sub-full-bleed.footer-quicklinks-two .sub-placeholder,
    body.home.top-task-full form>footer+footer .row {
        grid-template-columns: repeat(4, 1fr)
    }
}

body.home #main-content .sub-full-bleed.footer-quicklinks .sub .col4 p,
body.home #main-content .sub-full-bleed.footer-quicklinks-two .sub-placeholder .col4 p,
body.home.top-task-full form>footer+footer .row .col4 p {
    line-height: 1.5em
}

body.home #main-content .sub-full-bleed.footer-quicklinks .sub .p-4,
body.home #main-content .sub-full-bleed.footer-quicklinks-two .sub-placeholder .p-4,
body.home.top-task-full form>footer+footer .row .p-4 {
    grid-column-end: span 4
}

body.home .card {
    aspect-ratio: 1;
    display: block;
    float: left;
    max-width: calc(100vw - 8px*10px);
    padding: 40px;
    position: relative
}

body.home .card:before {
    content: '';
    float: left;
    padding-top: 100%
}

@media (min-width:1055px) {
    body.home .card:first-of-type span {
        font-size: 23px
    }

    body.home .card:first-of-type span.card-heading {
        font-size: 69px
    }
}

body.home .card .h3,
body.home .card h3 {
    border: 0;
    font-size: 29px
}

body.home .card .icon {
    width: 40px
}

body.home .card span {
    display: block;
    font-size: 18px
}

body.home .card span.card-heading {
    font-family: mayo-display, serif;
    font-size: 29px;
    margin-bottom: .4em
}

@media (min-width:1055px) {
    body.home .card span.card-heading {
        font-size: 35px
    }
}

body.home .card svg.arrow-right {
    bottom: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    transition: right .2s ease;
    width: 40px
}

body.home .card:active svg.arrow-right,
body.home .card:focus svg.arrow-right,
body.home .card:hover svg.arrow-right {
    right: 32px
}

@media (min-width:768px) {
    body.home .card-slider {
        display: flex;
        flex-wrap: wrap
    }

    body.home .card-slider .card {
        float: none
    }
}

@media (max-width:767px) {
    body.home .card-slider {
        width: max-content
    }
}

@media (max-width:767px) {
    body.home .card-slider>.card {
        scroll-snap-stop: always;
        scroll-snap-align: center;
        display: inline-block
    }
}

@media (max-width:767px) {
    body.home .card-slider-control {
        background: #000;
        flex: 1 1;
        height: 1px;
        transition: background .2s ease
    }

    body.home .card-slider-control.active {
        background: #0057b8;
        height: 3px
    }
}

body.home .card-slider-control:not(:first-of-type) {
    margin-left: 16px
}

@media (max-width:767px) {
    body.home .card-slider-controls {
        align-items: center;
        display: flex;
        width: 100%
    }
}

@media (max-width:767px) {
    body.home .card-slider-wrapper {
        padding-bottom: 24px;
        overflow-x: scroll;
        scroll-snap-type: x mandatory
    }
}

body.home .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
    font-size: 18px;
    line-height: 27px;
    padding: 5px 16px
}

body.home .ui-menu li.ui-menu-item .ui-menu-item-wrapper b {
    font-weight: 400
}

body.home .ui-menu li.ui-menu-item:first-child .ui-menu-item-wrapper {
    padding-top: 10px
}

body.home .ui-menu li.ui-menu-item:last-child .ui-menu-item-wrapper {
    padding-bottom: 10px
}

body.home .ui-widget.ui-widget-content {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
    color: #000
}

@media (max-width:1055px) {
    body.home .ui-widget.ui-widget-content {
        background: #000;
        border-color: #000;
        color: #fff
    }
}

body.home .main .full-width .sub-full-bleed {
    padding-left: 0 !important;
    padding-right: 0 !important
}

body.home .main .full-width .sub-full-bleed.hero {
    align-items: flex-end;
    aspect-ratio: 3;
    background-image: url(https://www.mayoclinic.org/~/media/2FA6810264514CA997E25B606F909C4D.png) !important;
    background-position: 50% 10% !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    display: flex;
    margin: 0 auto;
    max-width: 1343px;
    min-height: 330px
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.hero {
        margin: 0 -40px;
        max-width: calc(100% + 80px)
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.hero {
        aspect-ratio: 2;
        background-image: url(https://www.mayoclinic.org/~/media/DDAE4128532E40D29A3CA683FD8BF608.png) !important;
        max-width: 100%
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.hero {
        aspect-ratio: 1;
        background-image: url(https://www.mayoclinic.org/~/media/8F64C2AAEB4845648808F4F7F7B66DE2.png) !important;
        background-position: 70% 50% !important
    }
}

body.home .main .full-width .sub-full-bleed.hero .sub-placeholder {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(16, 1fr);
    max-width: 1263px;
    width: 100%
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder {
        display: block;
        padding: 0 40px
    }
}

body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox {
    align-items: flex-end;
    display: flex;
    grid-column-end: span 14;
    grid-column-start: 2;
    min-height: 100%;
    position: relative;
    text-shadow: 0 0 16px #000;
    z-index: 2
}

body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox .h1,
body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox h1 {
    color: #fff
}

@media (max-width:400px) {

    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox .h1,
    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox h1 {
        font-size: 38px
    }
}

@media (min-width:1056px) and (max-width:1343px) {

    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox .h1,
    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox h1 {
        font-size: 55px;
        margin: 0 !important
    }
}

@media (max-width:767px) {

    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox .h1 br,
    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox h1 br {
        display: none
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox p.h4 {
        font-size: 23px;
        margin-bottom: 16px !important
    }
}

body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox .sub {
    display: block;
    margin: 0;
    padding: 40px 0;
    width: 100%
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.hero .sub-placeholder .hero-content.contentbox .sub {
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed #find-a-doctor-cta {
        border: 0;
        border-radius: 0;
        border-top: 1px solid;
        bottom: -144px;
        left: 0;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        right: 0;
        text-align: left
    }

    body.home .main .full-width .sub-full-bleed #find-a-doctor-cta:active,
    body.home .main .full-width .sub-full-bleed #find-a-doctor-cta:focus,
    body.home .main .full-width .sub-full-bleed #find-a-doctor-cta:hover {
        background: 0 0;
        color: #000
    }
}

body.home .main .full-width .sub-full-bleed #find-a-doctor-cta svg {
    display: none
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed #find-a-doctor-cta svg {
        display: inline;
        height: 24px;
        position: absolute;
        right: 0;
        width: 24px
    }
}

body.home .main .full-width .sub-full-bleed.ctas {
    padding: 0
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.ctas {
        margin: 0 -40px
    }
}

body.home .main .full-width .sub-full-bleed.ctas .button-cta {
    border-bottom: 1px solid #d3d3d3;
    border-top: 0;
    font-family: mayo-serif, serif;
    font-size: 23px;
    margin: 0 !important;
    padding: 24px !important;
    position: relative
}

@media (min-width:1343px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta {
        font-size: 23px
    }

    body.home .main .full-width .sub-full-bleed.ctas .button-cta span {
        font-size: 23px
    }
}

@media (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta {
        font-size: 18px;
        line-height: 27px
    }

    body.home .main .full-width .sub-full-bleed.ctas .button-cta span {
        font-size: 18px;
        line-height: 27px
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta {
        grid-gap: 8px;
        font-size: 23px;
        line-height: 35px;
        padding: 24px 40px !important
    }

    body.home .main .full-width .sub-full-bleed.ctas .button-cta span {
        font-size: 23px;
        line-height: 35px
    }
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta {
        grid-gap: 32px;
        padding: 32px !important
    }
}

@media (min-width:768px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta {
        align-items: center;
        display: flex;
        grid-gap: 16px;
        justify-content: center
    }

    body.home .main .full-width .sub-full-bleed.ctas .button-cta:not(:first-child):after {
        content: '';
        display: block;
        position: absolute;
        bottom: 1em;
        top: 1em;
        left: 0;
        width: 1px;
        background: #d2d2d2
    }
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta {
        grid-column: span 2
    }
}

body.home .main .full-width .sub-full-bleed.ctas .button-cta:active,
body.home .main .full-width .sub-full-bleed.ctas .button-cta:focus,
body.home .main .full-width .sub-full-bleed.ctas .button-cta:hover {
    text-decoration: underline
}

body.home .main .full-width .sub-full-bleed.ctas .button-cta:active svg,
body.home .main .full-width .sub-full-bleed.ctas .button-cta:focus svg,
body.home .main .full-width .sub-full-bleed.ctas .button-cta:hover svg {
    margin-left: 8px;
    margin-right: -8px
}

body.home .main .full-width .sub-full-bleed.ctas .button-cta span {
    font-family: mayo-serif, serif
}

body.home .main .full-width .sub-full-bleed.ctas .button-cta svg {
    background: 0 0;
    height: 32px;
    width: 32px;
    transition: margin .2s ease
}

@media (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.ctas .button-cta svg {
        height: 24px;
        width: 24px
    }
}

body.home .main .full-width .sub-full-bleed.ctas .sub-placeholder .sub {
    grid-gap: 0;
    grid-template-columns: repeat(12, 1fr);
    margin-left: auto;
    margin-right: auto;
    max-width: 1344px;
    padding: 0
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.ctas .sub-placeholder .sub {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.ctas .sub-placeholder .sub {
        margin: 0;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.ctas .sub-placeholder .sub .p-4:first-child {
        grid-column-start: 1;
        grid-column-end: span 4
    }
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo {
    background-color: #fff !important;
    padding: 0
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub {
    padding-top: 104px;
    margin: 0 auto;
    max-width: 1263px
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub {
        margin: 0;
        padding: 104px 40px 0
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub {
        padding: 32px 40px 16px
    }
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-4 {
        grid-column: span 8
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-4 {
        margin-bottom: 56px
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-4 .p {
        align-items: baseline;
        display: flex;
        justify-content: space-between
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-4 .p {
        flex-wrap: wrap
    }
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-8 {
    display: grid;
    grid-gap: 16px
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-8 {
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: 1fr 1fr
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-8 {
        grid-column-end: span 10
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-8 {
        padding-top: 40px;
        grid-column-start: 7
    }
}

@media (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-8 {
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: 1fr 1fr
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .p-8 {
        grid-template-columns: 1fr;
        grid-gap: 40px
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub #why-choose {
        flex: 0 0 50%
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub #why-choose {
        flex: 1 0 100%
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub #why-choose+a {
        display: none
    }
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .button-primary {
    display: inline-block
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .button-primary {
        flex: 0 1 auto;
        margin-left: 16px
    }
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .button-primary.mobile-only {
    display: flex;
    justify-content: center;
    margin: 0
}

@media (min-width:768px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .button-primary.mobile-only {
        display: none
    }
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card {
    float: none;
    max-width: initial;
    padding: 0;
    padding-bottom: 64px
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card:before {
    content: none
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card {
        aspect-ratio: 2
    }
}

@media (min-width:768px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card {
        grid-column-end: span 5
    }
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card {
        grid-column-end: span 4
    }

    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card:nth-child(2),
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card:nth-child(4) {
        grid-column-start: 6
    }
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card .h3,
body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card h3 {
    border-top: 1px solid #000;
    padding-top: 96px !important;
    margin-top: -72px !important
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub .card p {
    line-height: 27px
}

body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub hr {
    border-top: 1px solid #d2d2d2;
    bottom: 0;
    grid-column-start: 2;
    grid-column-end: 16;
    height: 0;
    margin: 0;
    position: absolute;
    width: 100%
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub hr {
        grid-column-start: 1;
        grid-column-end: 17
    }
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub hr {
        grid-column-start: 1;
        grid-column-end: 9
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.why-choose-mayo .sub-placeholder .sub hr {
        display: none
    }
}

body.home .main .full-width .sub-full-bleed.covid {
    padding: 112px 0
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.covid {
        padding: 16px 0
    }
}

body.home .main .full-width .sub-full-bleed.covid .button-cta {
    margin: 0
}

body.home .main .full-width .sub-full-bleed.covid h3 {
    margin-bottom: 18px
}

body.home .main .full-width .sub-full-bleed.covid img {
    margin: 0 0 32px;
    width: 100%
}

body.home .main .full-width .sub-full-bleed.covid p a {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.covid .p-4:first-child {
        grid-column: span 8
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.covid .p-4:nth-child(2) {
        grid-column-start: 7
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.covid .p-4:nth-child(2) {
        grid-column-end: span 5
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.covid .p-4:last-child {
        grid-column-start: 12
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.covid .p-4:last-child {
        grid-column-end: span 5
    }
}

body.home .main .full-width .sub-full-bleed.covid .sub {
    margin: 0 auto;
    max-width: 1263px
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.covid .sub {
        padding: 0 40px
    }
}

body.home .main .full-width .sub-full-bleed.covid svg {
    height: 16px
}

body.home .main .full-width .sub-full-bleed.promos {
    background: #fff !important;
    padding: 0;
    position: relative;
    overflow-y: hidden;
    margin: 0 auto;
    max-width: 1344px
}

body.home .main .full-width .sub-full-bleed.promos .sub-placeholder {
    display: grid;
    grid-template-columns: 50% 25% 25%;
    z-index: 1
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.promos .sub-placeholder {
        grid-template-columns: 50%
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.promos .sub-placeholder {
        display: block
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card {
    padding: 32px;
    position: relative
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card {
        padding: 24px 32px
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(1) {
    background: #0057b8;
    color: #fff;
    fill: #fff;
    grid-column: 1;
    grid-row: 1/span 2
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(1) a {
    color: #fff;
    font-size: 69px
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(1) span {
        font-size: 23px;
        line-height: 35px
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(1) {
        grid-row: 1
    }

    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(1) .h1 {
        font-size: 35px;
        line-height: 1.15em
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(1) {
        aspect-ratio: 1
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(2) {
    aspect-ratio: 2;
    background: #e6e6e6;
    color: #000;
    grid-column: 2/span 2
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(2) a {
    color: #000
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(2) {
        aspect-ratio: 1;
        grid-column: 2
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(3) {
    background: #000;
    color: #fff;
    fill: #fff;
    grid-column: 2;
    grid-row: 2
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(3) a {
    color: #fff
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(3) {
        grid-column: 1
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(3) {
        aspect-ratio: 1
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(4) {
    aspect-ratio: 1;
    background: #9cdbd9;
    color: #000;
    grid-column: 3;
    grid-row: 2
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(4) a {
    color: #000
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card:nth-child(4) {
        grid-column: 2
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card a {
    display: block
}

body.home .main .full-width .sub-full-bleed.promos .promo-card a:focus {
    outline: 3px dotted
}

body.home .main .full-width .sub-full-bleed.promos .promo-card a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.promos .promo-card a {
        line-height: 37px
    }
}

body.home .main .full-width .sub-full-bleed.promos .promo-card span {
    font-size: 18px;
    line-height: 27px;
    display: block;
    padding-bottom: 48px
}

body.home .main .full-width .sub-full-bleed.promos .promo-card svg.arrow-right {
    bottom: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    transition: right .2s ease;
    width: 40px
}

body.home .main .full-width .sub-full-bleed.promos .promo-card:active svg.arrow-right,
body.home .main .full-width .sub-full-bleed.promos .promo-card:focus svg.arrow-right,
body.home .main .full-width .sub-full-bleed.promos .promo-card:hover svg.arrow-right {
    right: 32px
}

body.home .main .full-width .sub-full-bleed.diseases-conditions {
    padding: 104px 0 0
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions {
        padding: 72px 0 0
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions {
        padding: 48px 0 0
    }
}

body.home .main .full-width .sub-full-bleed.diseases-conditions h2:before {
    display: none
}

body.home .main .full-width .sub-full-bleed.diseases-conditions h3 {
    border-bottom: 1px solid #000
}

body.home .main .full-width .sub-full-bleed.diseases-conditions hr {
    border-top: 1px solid #d2d2d2;
    bottom: 0;
    grid-column-start: 2;
    grid-column-end: 16;
    height: 0;
    margin: 0;
    position: absolute;
    width: 100%
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions hr {
        grid-column-start: 1;
        grid-column-end: 17
    }
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions hr {
        grid-column-start: 1;
        grid-column-end: 9
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions hr {
        display: none
    }
}

body.home .main .full-width .sub-full-bleed.diseases-conditions .button-cta span {
    line-height: 27px;
    margin-right: 16px
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:first-child {
        grid-column-start: 2
    }
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:first-child {
        grid-column: span 8
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:first-child {
        margin-bottom: 12px
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:nth-child(2) {
        grid-column-start: 7
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:nth-child(2) {
        grid-column-end: span 5
    }
}

body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:nth-child(2) h2 {
    display: none
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:nth-child(3) {
        grid-column-start: 12
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .p-4:nth-child(3) {
        grid-column-end: span 5
    }
}

body.home .main .full-width .sub-full-bleed.diseases-conditions .sub {
    padding-bottom: 80px;
    max-width: 1263px
}

@media (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .sub {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .sub {
        margin: 0 auto
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .sub {
        padding-bottom: 56px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.diseases-conditions .sub {
        padding-bottom: 32px
    }
}

body.home .main .full-width .sub-full-bleed.diseases-conditions .sub .sub {
    padding-left: 0;
    padding-right: 0
}

body.home .main .full-width .sub-full-bleed.diseases-conditions .sub-placeholder .contentbox.symptom-checker {
    margin-bottom: 24px
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    list-style-type: none;
    margin: -12px;
    padding: 0
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed ol.acces-alpha {
        margin-right: -36px
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed ol.acces-alpha {
        padding: 0 40px 0 0
    }
}

@media (max-width:767px) and (min-width:464px) {
    body.home .main .full-width .sub-full-bleed ol.acces-alpha {
        padding: 0 40px 0 0
    }
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha h2 {
    display: none
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha li {
    height: 44px;
    width: 44px;
    margin: 12px
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha li a {
    color: #000;
    transition: background .1s ease, color 50ms ease
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha li a:active,
body.home .main .full-width .sub-full-bleed ol.acces-alpha li a:focus,
body.home .main .full-width .sub-full-bleed ol.acces-alpha li a:hover {
    background: #000;
    color: #fff
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha li a,
body.home .main .full-width .sub-full-bleed ol.acces-alpha li span.disable {
    background: #e6e6e6;
    border: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    height: 100%;
    width: 100%
}

body.home .main .full-width .sub-full-bleed ol.acces-alpha li span.disable {
    color: #ababab;
    cursor: not-allowed
}

body.home .main .full-width .sub-full-bleed ol.col-2-list.content {
    border-top: 1px solid #000;
    column-count: initial;
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 32px 0
}

body.home .main .full-width .sub-full-bleed ol.col-2-list.content li {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px
}

body.home .main .full-width .sub-full-bleed ol.col-2-list.content li a {
    border: 1px solid #000;
    border-radius: 40px;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .1s ease, color 50ms ease
}

body.home .main .full-width .sub-full-bleed ol.col-2-list.content li a:active,
body.home .main .full-width .sub-full-bleed ol.col-2-list.content li a:focus,
body.home .main .full-width .sub-full-bleed ol.col-2-list.content li a:hover {
    background-color: #000;
    color: #fff
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed ol.col-2-list.content li a {
        padding: 8px 16px
    }
}

body.home .main .full-width .sub-full-bleed.planning-a-visit {
    background-color: #fff !important
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .location-image-wrapper {
    display: flex;
    overflow: hidden;
    padding: 0;
    width: 100%
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .location-image-wrapper {
        margin-bottom: 14px
    }
}

body.home .main .full-width .sub-full-bleed.planning-a-visit a.location {
    color: #000;
    text-decoration: none
}

body.home .main .full-width .sub-full-bleed.planning-a-visit a.location img {
    image-rendering: optimizequality;
    transition: transform .4s ease-in-out
}

body.home .main .full-width .sub-full-bleed.planning-a-visit a.location:active img,
body.home .main .full-width .sub-full-bleed.planning-a-visit a.location:focus img,
body.home .main .full-width .sub-full-bleed.planning-a-visit a.location:hover img {
    transform: scale(1.05)
}

body.home .main .full-width .sub-full-bleed.planning-a-visit p a {
    text-decoration: underline
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider {
    gap: 32px 16px;
    justify-content: space-between
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider {
        display: grid;
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider {
        grid-template-columns: repeat(9, 1fr)
    }
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card {
    border-bottom: 1px solid transparent;
    flex: 0 1 calc(50% - 8px*2);
    padding: 0;
    transition: border-bottom .3s ease
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card {
        grid-column-end: span 5
    }
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card {
        grid-column-end: span 4
    }

    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:nth-of-type(2n) {
        grid-column-start: 6
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card {
        margin: 0 8px;
        padding-bottom: 24px;
        width: calc(100vw - (8px*10))
    }

    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:first-of-type {
        margin-left: 40px
    }

    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:last-of-type {
        margin-right: 40px
    }
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:active,
body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:focus,
body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card:hover {
    border-bottom: 1px solid #707070
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card .h3,
body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card h3 {
    letter-spacing: 1px;
    padding-bottom: 0 !important;
    padding-top: 14px !important
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card .h3 span.location-title,
body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card h3 span.location-title {
    color: #707070;
    font-family: mayo-sans, arial, sans-serif;
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card .h3 span.location-subtext,
body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card h3 span.location-subtext {
    color: #000;
    font-size: 23px;
    line-height: 26px;
    display: block;
    font-family: mayo-serif, serif;
    text-transform: none
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider>.card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .card-slider-wrapper {
        margin: 0 -40px
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .p-4 {
        grid-column-end: span 8
    }
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .p-8 {
        grid-column-start: 7
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .p-8 {
        grid-column-end: span 10
    }
}

body.home .main .full-width .sub-full-bleed.planning-a-visit .sub {
    max-width: 1263px;
    padding: 104px 0
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .sub {
        margin: 0 auto !important
    }
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .sub {
        padding: 80px 0
    }
}

@media (min-width:768px) and (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .sub {
        padding: 72px 40px
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.planning-a-visit .sub {
        display: block;
        padding: 40px
    }
}

body.home .main .full-width .sub-full-bleed.donation-cta {
    background: #0057b8 !important;
    clear: both;
    color: #fff;
    padding: 48px 0 !important
}

@media (min-width:1056px) and (max-width:1343px) {
    body.home .main .full-width .sub-full-bleed.donation-cta {
        margin: 0 -24px
    }
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.donation-cta {
        margin: 0 -40px
    }
}

body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder {
    grid-template-columns: 1fr 14fr 1fr
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder {
        display: grid;
        grid-template-columns: 24px 14fr 24px;
        max-width: 1263px
    }
}

@media (min-width:1344px) {
    body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder {
        grid-template-columns: 1fr 14fr 1fr
    }
}

body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder .sub {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1344px
}

@media (min-width:1056px) {
    body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder .sub {
        grid-column: 2;
        width: 100%
    }
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder .sub {
        padding: 0 40px
    }
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.donation-cta .sub-placeholder .sub {
        flex-wrap: wrap
    }
}

body.home .main .full-width .sub-full-bleed.donation-cta h2.h3 {
    flex: 0 1 auto;
    margin: 0 !important
}

@media (max-width:1055px) {
    body.home .main .full-width .sub-full-bleed.donation-cta h2.h3 {
        font-size: 23px;
        line-height: 35px
    }
}

body.home .main .full-width .sub-full-bleed.donation-cta .button-secondary {
    border-color: #fff;
    color: #fff;
    flex: 0 0 auto;
    margin-left: auto;
    order: 2
}

body.home .main .full-width .sub-full-bleed.donation-cta .button-secondary:active,
body.home .main .full-width .sub-full-bleed.donation-cta .button-secondary:focus,
body.home .main .full-width .sub-full-bleed.donation-cta .button-secondary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0057b8
}

@media (max-width:767px) {
    body.home .main .full-width .sub-full-bleed.donation-cta .button-secondary {
        margin-top: 16px;
        width: 100%
    }
}