/* inpage navigation element changes */
.inpagenav {
    padding: 0;
}

    .inpagenav .container {
        max-width: 1460px;
    }

    .inpagenav .inpagenav-container .inpagenav-item a.linkfill {
        min-height: 350px;
        transition: all .25s;
        display: block;
    }

    .inpagenav .inpagenav-item .inner {
        padding: 1rem 10px;
        min-height: 350px;
    }

        .inpagenav .inpagenav-item .inner .background-image:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transition: all .25s;
        }

    .inpagenav .inpagenav-item .linkfill:hover .background-image:before {
        background-color: rgba(0,0,0,0.2);
    }

    .inpagenav .inpagenav-item .inner .background.background-image {
        height: 250px;
        opacity: 1 !important;
    }

    .inpagenav .inpagenav-item .inner .background.background-color {
        background: transparent;
    }

    .inpagenav .inpagenav-item .inner h4 {
        position: absolute;
        top: 67%;
        transition: color .25s !important;
    }

    .inpagenav .inpagenav-item .inner .cta {
        display: none;
    }

    .inpagenav .inpagenav-item a.linkfill:hover .inner, .inpagenav .inpagenav-item a.linkfill:hover .inner h4 {
        background-color: transparent;
        color: #ff5056 !important;
    }
    /* in page navigation */
@media (min-width:1024px) {
 
    .inpagenav .inpagenav-container .inpagenav-item {
        flex: 0 0 25%;
        max-width: 330px;
        height: 100%;
    }

}

.issues {
    padding: 0 !important;
}

        .inpagenav .inpagenav-container .inpagenav-item:nth-child(n+5) {
            margin-top: 30px;
        }

    .inpagenav .inpagenav-item .inner h4 {
        top: 75%;
    }

@media (max-width: 1023px) {
    /*grid and page structure */
    /* main content items */
    .sub__story-image, .sub__story-content {
        grid-area: unset;
    }

    .sub__story-container .tag {
        margin-top: 5px;
    }

        .sub__story-container .tag:last-child {
            margin-bottom: 20px;
        }

    .inpagenav .tag-container {
        position: relative;
        top: -15%;
        z-index: 5;
    }
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    font-size: 18px;
}

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: #81bc32;
        border-color: #1e2844;
    }

.anchor:active, .anchor:focus, .anchor:hover, .anchor:visited:focus, .anchor:visited:hover, a:active, a:focus, a:hover, a:visited:focus, a:visited:hover {
    color: #1e2844;
    text-decoration: none;
    outline: 0;
}