/*
** Resource Links
*/

.resource__links-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
}

.resource__links > ul {
    margin: 0;
    padding-left: 0;
}

.resource__links > ul > li {
    margin: 0;
}

.resource__links > ul > li > a {
    display: inline-flex;
    background: none;
}

.resource__title {
    color: var(--c-teal);
    font-family: var(--font-gothammedium);
    font-size: 16px;
    letter-spacing: normal;
    margin-left: 1.2rem;
    padding-bottom: 0;
    text-transform: none;

    background: linear-gradient(to bottom,var(--c-teal) 0%,var(--c-teal) 100%);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .2s;
}

/*
** Featured Resource Box
*/

.resource__link-featured {
    border: var(--border);
    display: flex;
    justify-content: center;
    padding: 20px;
}

.resource__link-featured-icon {
    border: 2px solid var(--c-teal);
    border-radius: 100%;
    height: 63px;
    max-width: 63px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.resource__link-featured-icon img {
    border-radius: 50%;
}

.resource-link-featured__title {
    color: var(--c-teal);
    font-size: 16px;
    padding-top: 0;
}

.resource__link-featured-body {
    flex: 2;
    padding-left: 1.2rem;
}

.resource__link-featured-body .btn {
    margin-top: 1rem;
}

@media (min-width: 1200px) {

    .resource__links-row {
        flex-direction: row;
    }

    .resource__links.two-column-list ul {
        column-count: 2;
        -moz-column-count: 2;
        column-gap: 50px;
    }

    .resource__links.two-column-list ul li {
        padding-bottom: 0;
    }

    .resource__links.two-column-list ul li + li {
        margin-top: 13px;
    }

    .resource__links-row > div {
        flex: 0 0 50%;
    }

    .resource__links.two-column-list {
        flex: 0 0 66.6667%;
    }

    .resource__links-row > div {
        flex: 0 0 33.3333%;
    }

    .resource__links.fullwidth {
        flex: 0 0 100%;
    }

    .resource__links > ul {
        padding-bottom: 0;
    }

    .resource__links > ul > li > a:hover .resource__title {
        background-size: 100% 1px;
    }

    .resource__link-featured {
        padding: 40px 20px;
    }
}


/*
** Tabs Accordion with Resources
*/

.tab-accordion__panels .resource__links-row {
    display: block;
}