/* TEMPLATES > Practices Landing */
.practice-box {
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    background: var(--color-gray-300);
    transition: background 0.2s ease-in-out;
}

.practice-box.accordion-item {
    border-bottom: 0;
}

.practice-box.accordion-item:after {
    display: none;
}

.practice-box:hover,
.practice-box:focus,
.practice-box.accordion-item.active {
    text-decoration: none;
    background: var(--color-gray-400);
}

.practice-box > span,
.practice-box .accordion-item-title {
    padding: 0 20px;
    color: var(--color-alternate);
}

.practice-box .accordion-item-title:focus,
.practice-box .accordion-item-title:hover {
    color: var(--color-alternate);
}

.practice-box .accordion-item-title:after {
    width: 30px;
    height: 22px;
    color: var(--color-alternate);
}

.practice-box .accordion-item-content {
    --accordion-content-padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

a.practice-box > span {
    padding-top: 22px;
    padding-bottom: 22px;
}

@media screen and (min-width: 768px) {
    .practice-box-list {
        display: grid;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
}