.wp-block-column .fa-icon-panel-outer,
.wp-block-media-text__content .fa-icon-panel-outer {
    grid-template-columns: 1fr
}

.wp-block-columns {
    margin: 1.5rem 0 0
}

@media (min-width:321px) and (max-width:1142px) {
    .wp-block-columns {
        margin: 1.5rem 0 0
    }
}

.wp-block-columns .fa-icon-panel-outer {
    grid-template-columns: 1fr;
    display: grid
}

@media (min-width:769px) {
    .wp-block-columns .fa-icon-panel-outer {
        grid-template-columns: 1fr 1fr
    }
}

.fa-icon-panel-outer {
    margin: 1.5rem 0 0;
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: 1fr
}

.fa-icon-panel-outer:focus {
    background-color: var(--ehu-colors-outline-yellow);
    color: var(--ehu-colors-text-black)
}

@media (min-width:391px) and (max-width:767px) {
    .fa-icon-panel-outer {
        grid-gap: 0
    }
}

@media (min-width:769px) {
    .fa-icon-panel-outer {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1144px) {
    .fa-icon-panel-outer {
        grid-template-columns: 1fr 1fr 1fr
    }
}

div.fa-icon-panel-outer a.fa-icon-linked.alignleft,
div.fa-icon-panel-outer a.fa-icon-linked.alignright {
    float: unset
}

.fa-icon-panel-inner,
a.fa-icon-linked {
    background-color: var(--ehu-colors-neutral-light);
    color: var(--ehu-colors-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    transition: background-color .3s ease-in-out;
    margin: 0 auto;
    display: inline-flex
}

a.fa-icon-linked {
    text-decoration: none
}

.fa-icon-linked .fa-icon-panel:hover {
    color: var(--ehu-colors-primary)
}

.fa-icon-linked .fa-icon-panel:hover,
a.fa-icon-linked:focus .fa-icon-panel {
    background-color: var(--ehu-colors-neutral)
}

.fa-icon-panel.fa-icon-panel-row {
    padding: 1.5rem;
    text-decoration: none
}

.fa-icon-panel-title {
    font-weight: 700;
    line-height: 1.3;
    padding: 0
}

@media (min-width:1144px) {
    .fa-icon-panel-title {
        font-size: 1.25rem
    }
}

.fa-icon-panel.fa-icon-panel-row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem
}

.fa-icon-panel.fa-icon-panel-row .fa-icon-panel-icon {
    font-size: 2rem
}

.fa-icon-panel.fa-icon-panel-column {
    padding: 2rem;
    height: auto;
    width: auto;
    text-align: center;
    align-content: center
}

.fa-icon-panel.fa-icon-panel-column .fa-icon-panel-icon {
    font-size: 4rem;
    padding-top: 0
}

.fa-icon-panel.fa-icon-panel-column .fa-icon-panel-subtext {
    margin-top: .75rem;
    padding: 0 1.5rem
}

/*# sourceMappingURL=ehu-icon-panel.css.map*/