/*
 * MDS - Icon Heading Description
 * All selectors are intentionally unique to this plugin.
 */

.mds-ihd-row {
    display: grid;
    grid-template-columns: minmax(0, 32%) minmax(0, 68%);
    align-items: center;
    column-gap: clamp(28px, 4vw, 56px);
    width: 100%;
    padding: 36px 0;
    border-bottom: 1px solid var(--cem-divider, rgba(0, 151, 178, 0.20));
    box-sizing: border-box;
    margin-bottom: 0px !important;
    align-content: center;
}

.mds-ihd-primary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: clamp(20px, 2.4vw, 36px);
    min-width: 0;
}

.mds-ihd-media {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}

.mds-ihd-image {
    display: block;
    width: 64px;
    max-width: 64px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

#Content .mds-ihd-heading,
.mds-ihd-heading {
    margin: 0 !important;
    padding: 0;
    color: var(--cem-ink, rgb(0, 98, 118));
    font-family: var(--cem-font-head, Georgia, 'Times New Roman', serif);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

.mds-ihd-description {
    min-width: 0;
    padding-top: 4px;
    color: var(--cem-card-text, #555555);
    font-family: var(--cem-font-body, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
    font-size: 16px;
    line-height: 1.65;
}

.mds-ihd-description p {
    margin: 0;
    line-height: 1.65;
}

.mds-ihd-description p + p {
    margin-top: 1em;
}

@media (max-width: 767px) {
    .mds-ihd-row {
        grid-template-columns: 1fr;
        row-gap: 18px;
        padding: 28px 0;
    }

    .mds-ihd-primary {
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 18px;
    }

    .mds-ihd-image {
        width: 54px;
        max-width: 54px;
    }

    .mds-ihd-description {
        padding-top: 0;
        padding-left: 72px;
    }
}
