.callout-card-empty {
    text-decoration: none;
}

    .callout-card-empty:focus {
        outline: none;
        box-shadow: 0 0 0 1px var(--mds-color-utility-base-white), 0 0 0 3px var(--mds-color-utility-focus-blue-600);
    }

    .callout-card-empty:focus-visible {
        outline: none;
        box-shadow: 0 0 0 1px var(--mds-color-utility-base-white), 0 0 0 3px var(--mds-color-utility-focus-blue-600);
    }

    .callout-card-empty:hover {
        filter: brightness(1.05);
    }


.footer-links a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px var(--mds-color-utility-base-white), 0 0 0 3px var(--mds-color-utility-focus-blue-600);
}

.site-name {
    color: var(--mds-color-brand-gray-1300);
}

.release-site-name {
    color: var(--mds-background-section-brand-primary-mid, #14558f);
    font-family: "Noto Sans";
    font-size: var(--font-size-h5, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 26.4px */
    letter-spacing: -1px;
}

.release-site-name1 {
    color: var(--mds-background-section-brand-primary-mid, #14558f);
    font-feature-settings: 'liga' off, 'clig' off;
    /* Labels/Eyebrow MD */
    font-family: var(--family-label, "Noto Sans");
    font-size: var(--size-200, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.inline-success-message {
    background: var(--mds-color-utility-success-green-100);
    border-radius: var(--mds-radius-md);
    border: 1.5px solid var(--mds-color-utility-success-green-100);
    padding: 16px 16px;
    position: relative !important;
}


.inline-message {
    background: var(--mds-color-brand-duckling-yellow-100);
    border-radius: var(--mds-radius-md);
    border: 1.5px solid var(--mds-color-brand-duckling-yellow-300);
    padding: 16px 16px;
}

.inline-message-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.inline-message-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.inline-message-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inline-message-title {
    font: var(--mds-text-body-bold);
    color: var(--mds-color-brand-gray-1300);
}

.inline-message-description {
    font: var(--mds-text-body);
    color: var(--mds-color-brand-gray-1300);
}

.inline-message-link {
    color: var(--mds-color-utility-informative-blue-900);
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%;
    text-underline-position: from-font;
}

.inline-success-button-inner {
    background: transparent;
    border: none;
}

    .inline-success-button-inner:focus {
        outline: none;
        box-shadow: 0 0 0 1px var(--mds-color-utility-base-white), 0 0 0 3px var(--mds-color-utility-focus-blue-600);
    }

.inline-message-close {
    position: absolute !important;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.inline-failure-close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.inline-failure-message {
    background: var(--mds-color-utility-danger-red-100);
    border-radius: var(--mds-radius-md);
    border: 1.5px solid var(--mds-color-utility-danger-red-300);
    padding: 16px 16px;
    position: relative !important;
}

.inline-failure-message-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.inline-failure-message-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.inline-failure-message-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inline-failure-message-title {
    font: var(--mds-text-body-bold);
    color: var(--mds-color-brand-gray-1300);
}

.inline-failure-message-description {
    font: var(--mds-text-body);
    color: var(--mds-color-brand-gray-1300);
}

.inline-failure-message-link {
    color: var(--mds-color-brand-bay-blue-1000);
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%;
    text-underline-position: from-font;
}

.utility-link:focus {
    outline: 2px solid var(--mds-color-utility-focus-blue-600);
    outline-offset: 2px;
}

.utility-link:focus-visible {
    outline: 2px solid var(--mds-color-utility-focus-blue-600);
    outline-offset: 2px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.header-search-wrapper {
    position: relative;
}

.header-search-input {
    width: 300px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.header-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
}

    .header-search-results li a {
        display: block;
        padding: 8px 12px;
        color: var(--mds-color-brand-bay-blue-1000);
        text-decoration: none;
    }

        .header-search-results li a:hover,
        .header-search-results li a:focus {
            background: #f0f0f5;
            text-decoration: underline;
        }

        .header-search-results li a:focus-visible {
            outline: 2px solid var(--mds-color-utility-focus-blue-600);
            outline-offset: 2px;
        }

.header-search-wrapper {
    position: relative;
}

.header-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    color: #6b6b6b;
    pointer-events: none;
}

.header-search-input {
    width: 260px;
    padding: 6px 10px 6px 32px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .header-search-input:focus-visible {
        outline: 2px solid var(--mds-color-utility-focus-blue-600);
        outline-offset: 2px;
    }

.header-search-wrapper--mobile {
    display: none !important;
}

@media (max-width: 768px) {

    .form-field {
        margin-bottom: 10px;
    }

    .field-label {
        margin-bottom: 3px;
    }

    .row {
        margin-bottom: 0;
    }

        .row > [class*="col-"] {
            margin-bottom: 0;
        }

    /* Hide desktop search */
    .header-search-wrapper:not(.header-search-wrapper--mobile) {
        display: none !important;
    }

    /* Hide desktop search */
    .header-search-wrapper:not(.header-search-wrapper--mobile) {
        display: none !important;
    }

    /* Show mobile search */
    .ma__header__hamburger__nav-container .header-search-wrapper--mobile {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        padding: 15px 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

        /* Input */
        .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-input {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            width: 100% !important;
            height: 40px !important;
            min-height: 40px !important;
            padding: 6px 10px 6px 32px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        /* Search icon */
        .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-icon {
            position: absolute !important;
            left: 30px !important;
            top: 35px !important; 
            transform: translateY(-50%) !important;
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            z-index: 1001 !important;
            pointer-events: none !important;
        }

        .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-results {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            width: 100% !important;
            background: #fff;
            border: 1px solid #ccc;
            max-height: 300px;
            overflow-y: auto;
            z-index: 1000;
            list-style: none;
            margin: 2px 0 0 !important;
            padding: 0 !important;
            box-sizing: border-box;
        }

            .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-results li {
                margin: 0;
                padding: 0;
                width: 100%;
                box-sizing: border-box;
            }

                .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-results li a {
                    display: block;
                    padding: 8px 12px 8px 32px !important;
                    color: var(--mds-color-brand-bay-blue-1000);
                    text-decoration: none !important;
                }

                    .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-results li a:hover,
                    .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-results li a:focus {
                        background: #f0f0f5;
                        text-decoration: underline;
                    }

                    .ma__header__hamburger__nav-container .header-search-wrapper--mobile .header-search-results li a:focus-visible {
                        outline: 2px solid var(--mds-color-utility-focus-blue-600);
                        outline-offset: 2px;
                    }
}