/* Separate mobile top navigation - white/grey, does not touch desktop e-header */

@media (max-width: 1299px) {
    /* Hide desktop header on mobile */
    .e-header {
        display: none !important;
    }

    /* Hide breadcrumb on mobile */
    .breadcrumb,
    .ccm-breadcrumb,
    .ccm-breadcrumb-wrapper {
        display: none !important;
    }

    /* Social icons on mobile - bigger and evenly spaced */
    .ccm-block-social-links {
        text-align: left;
    }

    .ccm-block-social-links ul {
        display: flex;
        justify-content: flex-start;
        gap: 1.5rem;
        margin: 0;
        padding: 1rem 0;
    }

    .ccm-block-social-links li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ccm-block-social-links a {
        font-size: 2rem;
        line-height: 1;
    }
    
    .ccm-block-social-links a svg {
        width: 2rem;
        height: 2rem;
    }

    .ccm-block-social-links a:hover,
    .ccm-block-social-links a:hover svg,
    .ccm-block-social-links a:hover i {
        color: #d6d6d6 !important;
        fill: #d6d6d6 !important;
    }

    /* Footer column 1 container - 50% width on mobile */
    #footer-qr-div {
        width: 50% !important;
        margin: 0;
    }

    /* Subscribe button align right on mobile */
    .form-actions {
        text-align: right;
    }

    html, body {
        overflow-x: hidden;
    }

    .ic-m-header {
        display: block;
        position: relative;
        width: 100%;
    }

    .ic-m-bar {
        background: #fff;
        color: #333;
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1rem;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
    }

    .ic-m-bar .e-logo-img {
        height: 2.75rem;
        width: auto;
        filter: none;
        object-fit: cover;
        object-position: 0px 8px;
        clip-path: inset(0 0 19% 0);
        padding-left: 10px;
    }

    .ic-m-logo-text {
        font-size: 1.25rem;
        font-weight: 700;
        color: #333;
    }

    .ic-m-hamburger {
        display: flex;
        align-items: center;
        background: none;
        border: 0;
        color: #333;
        padding: .5rem;
        font-size: 1.75rem;
        cursor: pointer;
    }

    .ic-m-hamburger .material-icons {
        color: #333;
    }

    .ic-m-actions {
        display: flex;
        align-items: center;
        gap: .25rem;
    }

    .ic-m-search-toggle {
        display: flex;
        align-items: center;
        background: none;
        border: 0;
        color: #333;
        padding: .5rem;
        font-size: 1.75rem;
        cursor: pointer;
    }

    .ic-m-search-toggle .material-icons {
        color: #333;
    }

    .ic-m-search-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .06);
        z-index: 1029;
        padding: 1rem;
        transition: none !important;
    }

    .ic-m-search-dropdown.collapsing,
    .ic-m-search-dropdown.collapse.show {
        transition: none !important;
    }

    .ic-m-search-form {
        display: flex;
        gap: .5rem;
    }

    .ic-m-search-form .form-control {
        flex: 1 1 auto;
    }

    .ic-m-search-form .btn {
        background: transparent;
        border: none;
        color: #737373;
        padding: .5rem 1rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    }

    .ic-m-logo .e-logo-img ~ .ic-m-logo-text {
        display: none;
    }

    /* Offcanvas panel */
    .ic-m-header .offcanvas {
        width: 100% !important;
        max-width: 100% !important;
        background: #fff;
        color: #333;
        transition: transform .15s ease-in-out;
        overscroll-behavior: contain;
        overflow-x: hidden;
        padding: 0 !important;
        margin: 0 !important;
        right: 0 !important;
        left: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .ic-m-header .offcanvas-backdrop {
        display: none !important;
    }

    .ic-m-header .offcanvas.show {
        overflow-x: hidden;
    }

    .ic-m-header .offcanvas-header {
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
        min-height: 70px;
        height: 70px;
        padding: 0 1rem;
        margin: 0;
    }

    .ic-m-header .offcanvas-header .e-logo-img {
        height: 2.75rem;
        width: auto;
        filter: none;
        object-fit: cover;
        object-position: 0px 8px;
        clip-path: inset(0 0 19% 0);
        padding-left: 10px;
    }

    .ic-m-header .offcanvas-header .btn-close {
        color: #333 !important;
        opacity: 1 !important;
        filter: none !important;
    }

    .ic-m-header .offcanvas-header .btn-close::before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    }

    .ic-m-header .offcanvas-header .btn-close:active {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    }

    .ic-m-header .offcanvas-body {
        padding: 1rem;
        margin: 0;
    }

    .ic-m-section-title {
        display: none;
    }

    .ic-m-link,
    .ic-m-toggle {
        display: flex;
        align-items: center;
        width: 100%;
        padding: .85rem 0;
        color: #2a3a78;
        text-decoration: none;
        background: none;
        border: 0;
        border-bottom: 1px solid #ccc;
        text-align: left;
        font-size: 1rem;
        font-weight: 600;
    }

    .ic-m-link .e-nav-pagename,
    .ic-m-toggle .e-nav-pagename {
        color: #2a3a78;
    }

    .ic-m-toggle .material-icons {
        margin-left: auto;
        color: #2a3a78;
        transition: transform .2s ease;
    }

    .ic-m-toggle[aria-expanded="true"] .material-icons {
        transform: rotate(180deg);
    }

    .ic-m-submenu {
        padding-left: .75rem;
    }

    .ic-m-submenu ul {
        margin: 0;
        padding: 0;
    }

    .ic-m-sublink {
        display: block;
        padding: .65rem 0;
        color: #2a3a78;
        text-decoration: none;
        font-size: .95rem;
        border-bottom: 1px solid #ccc;
    }

    .ic-m-link:hover .e-nav-pagename,
    .ic-m-toggle:hover .e-nav-pagename,
    .ic-m-link:hover,
    .ic-m-toggle:hover {
        color: #c73c32;
    }

    .ic-m-sublink:hover,
    .ic-m-sublink:focus {
        color: #c73c32;
    }

    .ic-m-separator {
        border-top: 1px solid #e0e0e0;
        margin: 1.25rem 0;
    }

    /* Page padding to match fixed bar */
    .e-canvas,
    .ccm-page {
        padding-top: 0 !important;
    }
}

/* Subscribe button align right for all views */
.form-actions {
    text-align: right !important;
}