.text-bg-accent {

    color: var(--accent-green);

    background-color: #f2f7e8;

}



.resource-nav {

    padding: 2rem 0;

    background-color: #f3f5f7;

    border-bottom: solid 1px var(--bs-border-color-translucent);

}

.resource-nav .nav-link {

    background-color: var(--bs-primary);

    border: solid 1px var(--bs-border-color-translucent);

    border-radius: 999px;

    color: var(--bs-white);

}

.resource-nav .nav-link:focus,

.resource-nav .nav-link:hover {

    background-color: #e6eaef;

    color: var(--bs-primary);

}

.resource-nav .nav-link svg {

    width: 1rem;

    height: 1rem;

}



.resource-feed {

    padding: 5rem 0;

    scroll-margin-top: 160px;

}

.resource-feed .main-title {

    display: flex;

    gap: 1rem;

    align-items: flex-start;

}

.resource-feed .main-title .badge {

    --bs-badge-padding-x: 0.5rem;

    --bs-badge-padding-y: 0.5rem;

    background-color: #dfe5ec;

    color: var(--bs-primary) !important;

}



.filterable-listing-taxonomy-buttons .btn {

    --bs-btn-border-radius: 999px;

    --bs-btn-padding-x: 1rem;

    --bs-btn-padding-y: 0.5rem;

    --bs-btn-hover-transform: none;

    --bs-btn-font-weight: 500;

}

.filterable-listing-taxonomy-buttons .btn-light {

    --bs-btn-color: var(--bs-body);

    --bs-btn-bg: #f3f5f7;

    --bs-btn-border-color: #f3f5f7;

    --bs-btn-hover-bg: #dfe5ec;

    --bs-btn-hover-border-color: #dfe5ec;

}

.filterable-listing-taxonomy-buttons .form-control {

    background-color: var(--bs-light);

}



.resource-feed .card {

    overflow: clip;

}

.resource-feed .card .meta > div {

    display: flex;

    align-items: center;

    gap: .5rem;

}

.resource-feed .card .meta > div > svg {

    width: 1rem;

    height: 1rem;

}

.resource-feed .card .bg {

    z-index: 1;

}



#glossary {

    background-color: var(--bs-light);

}



#whitepapers-guides {

    background-color: var(--bs-light);

}

#whitepapers-guides .main-title .badge {

    background-color: #e7eee0;

    color: var(--accent-green) !important;

}



#webinars {

    background-color: #f3f5f7;

}

#webinars .btn-light {

    --bs-btn-bg: var(--bs-white);

    --bs-btn-border-color: var(--bs-white);

}







@media (max-width: 767px) {

    .justify-content-end.filterable-listing-taxonomy-buttons {

        justify-content: flex-start !important;

    }

}