/**
 * =============================================================================
 * Mikoko Green Innovation Hub
 * Local SVG Icon System
 * =============================================================================
 */

.mgh-icon {
    display: inline-block;

    width: 1em;
    height: 1em;

    flex: 0 0 auto;

    color: currentColor;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;

    vertical-align: middle;

    overflow: visible;
}


/* --------------------------------------------------------------------------
 * Icon sizes
 * ----------------------------------------------------------------------- */

.mgh-icon--xs {
    width: .75rem;
    height: .75rem;
}

.mgh-icon--sm {
    width: 1rem;
    height: 1rem;
}

.mgh-icon--md {
    width: 1.25rem;
    height: 1.25rem;
}

.mgh-icon--lg {
    width: 1.5rem;
    height: 1.5rem;
}

.mgh-icon--xl {
    width: 2rem;
    height: 2rem;
}

.mgh-icon--2xl {
    width: 2.5rem;
    height: 2.5rem;
}


/* --------------------------------------------------------------------------
 * Icon wrappers
 * ----------------------------------------------------------------------- */

.mgh-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 3.5rem;
    height: 3.5rem;

    border-radius: 1rem;

    background: #e9f7ee;
    color: #087443;
}


/* --------------------------------------------------------------------------
 * Accessibility
 * ----------------------------------------------------------------------- */

.mgh-icon[aria-hidden="true"] {
    pointer-events: none;
}