/* Mobile Header Fix */

/* ============================================================
   1. Restore original float-based layout (undo broken edits)
   ============================================================ */
@media only screen and (max-width: 1024px) {

    .mkdf-mobile-header .mkdf-mobile-menu-opener {
        position: relative !important;
        float: left !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        height: 100%;
    }

    .mkdf-mobile-header .mkdf-mobile-menu-opener a {
        display: table !important;
        height: 100% !important;
    }

    .mkdf-mobile-header .mkdf-mobile-menu-opener .mkdf-mobile-opener-icon-holder {
        display: table-cell !important;
        vertical-align: middle !important;
    }

    .mkdf-mobile-header .mkdf-vertical-align-containers {
        display: block !important;
        position: relative;
        height: 100%;
        width: 100%;
        padding: 0;
    }

    .mkdf-mobile-header .mkdf-vertical-align-containers .mkdf-position-left {
        float: left !important;
        display: block !important;
    }

    .mkdf-mobile-header .mkdf-vertical-align-containers .mkdf-position-center {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

    .mkdf-mobile-header .mkdf-vertical-align-containers .mkdf-position-right {
        float: right !important;
        display: block !important;
    }

    .mkdf-mobile-header .mkdf-mobile-header-inner {
        display: block !important;
        position: relative;
        padding: 0;
    }

    .mkdf-mobile-header .mkdf-mobile-logo-wrapper a {
        display: block !important;
        max-height: 80px;
    }

    .mkdf-mobile-header .mkdf-mobile-logo-wrapper img {
        height: 100% !important;
        width: auto !important;
        max-height: none;
    }
}

/* ============================================================
   2. Make "Philanthropy" side area widget title match nav links
   ============================================================ */
@media only screen and (max-width: 1024px) {

    .mkdf-side-menu .widget.widget_nav_menu {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    .mkdf-side-menu .widget.widget_nav_menu .mkdf-sidearea-widget-title {
        display: block !important;
        color: #d3d3d3 !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        line-height: 17px !important;
        margin: 0 !important;
        padding: 9px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        font-family: inherit !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        font-style: normal !important;
        text-align: left !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav h4 {
        display: block !important;
        margin: 0 !important;
        padding: 9px 0 !important;
        font-size: 13px !important;
        line-height: 17px !important;
        font-weight: inherit !important;
        text-align: left !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav .taa-form-link > .taa-form-header-link {
        display: block !important;
        margin: 0 !important;
        padding: 9px 0 !important;
        border-bottom: 1px solid #eaeaea !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 17px !important;
        text-align: left !important;
        text-transform: none !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav > ul > li.taa-form-link:last-child > .taa-form-header-link,
    .mkdf-mobile-header .mkdf-mobile-nav > .mkdf-grid > ul > li.taa-form-link:last-child > .taa-form-header-link {
        border-bottom: none !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav .taa-form-header-button {
        display: inline !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: inherit !important;
        font: inherit !important;
        line-height: inherit !important;
        text-align: inherit !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        vertical-align: baseline !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav .taa-form-header-button .mkdf-btn-text {
        position: static !important;
        color: inherit !important;
    }

    .mkdf-mobile-header .mkdf-mobile-nav .taa-form-link > .taa-form-header-link:hover,
    .mkdf-mobile-header .mkdf-mobile-nav .taa-form-link > .taa-form-header-link:hover .taa-form-header-button,
    .mkdf-mobile-header .mkdf-mobile-nav .taa-form-link > .taa-form-header-link:hover .mkdf-btn-text {
        color: #c3512f !important;
    }
}

/* ============================================================
   3. Match the About Us logo background on the Investment Strategy hero slide
   ============================================================ */
@media only screen and (max-width: 767px) {

    rs-slide[data-key="rs-7"]::before {
        content: "";
        position: absolute;
        top: 45%;
        left: 50%;
        width: 290px;
        height: 290px;
        transform: translate(-50%, -50%);
        background: url("/wp-content/uploads/2022/08/logo-1.png") center center / contain no-repeat;
        opacity: 0.12;
        pointer-events: none;
        z-index: 7;
    }
}

/* ============================================================
   4. Match the transparent background logo on the Strategy page hero
   ============================================================ */
@media only screen and (max-width: 767px) {

    #investment-1 {
        position: relative !important;
        overflow: hidden !important;
    }

    #investment-1 .wpb_wrapper > * {
        position: relative !important;
        z-index: 1 !important;
    }

    #investment-1 .wpb_wrapper > #transparent-logo-img {
        position: absolute !important;
        top: 185px;
        right: -118px;
        z-index: 0 !important;
        width: min(78vw, 320px);
        margin: 0 !important;
        opacity: 0.14;
        pointer-events: none;
    }

    #investment-1 .wpb_wrapper > #transparent-logo-img .vc_figure,
    #investment-1 .wpb_wrapper > #transparent-logo-img .vc_single_image-wrapper {
        width: 100% !important;
        max-width: none !important;
    }

    #investment-1 .wpb_wrapper > #transparent-logo-img img {
        display: block;
        width: 100% !important;
        height: auto !important;
        opacity: 1;
        filter: saturate(0.35) brightness(1.18) contrast(0.88);
    }
}

@media only screen and (max-width: 480px) {

    #investment-1 .wpb_wrapper > #transparent-logo-img {
        top: 165px;
        right: -132px;
        width: min(82vw, 305px);
        opacity: 0.12;
    }
}