:root {
    --wpnbha-col-gap: 1em
}

@media only screen and (min-width: 600px) {
    :root {
        --wpnbha-col-gap: 16px
    }
}

@media only screen and (min-width: 782px) {
    :root {
        --wpnbha-col-gap: 32px
    }
}

@media only screen and (min-width: 600px) {
    .colgap-2 {
        --wpnbha-col-gap: 16px
    }

    .colgap-1 {
        --wpnbha-col-gap: 8px
    }
}

.wpnbha {
    margin-bottom: 1em
}

.wpnbha article {
    margin-bottom: 1.5em;
    min-width: 0;
    overflow-wrap: break-word;
    position: relative;
    word-break: break-word
}

.wpnbha article:last-of-type {
    margin-bottom: 0
}

/* .wpnbha .article-section-title {
    font-size: .8em;
    margin-bottom: .5em;
    width: 100%
} */

.wpnbha .article-section-title mark {
    background-color: transparent
}

.wpnbha.is-grid>div {
    display: flex;
    flex-flow: row wrap;
    gap: var(--wpnbha-col-gap);
    justify-content: flex-start;
    list-style: none;
    padding: 0
}

.wpnbha.is-grid article {
    flex-basis: 100%;
    margin-bottom: 0
}

.wpnbha.is-grid .article-section-title {
    margin-bottom: calc(1em - var(--wpnbha-col-gap))
}

@media only screen and (min-width: 600px) {

    .wpnbha.columns-3 article,
    .wpnbha.columns-6 article {
        flex-basis: calc(33.33% - var(--wpnbha-col-gap)/3*2 - 0.1px)
    }

    .wpnbha.is-style-borders.columns-3 article,
    .wpnbha.is-style-borders.columns-6 article {
        flex-basis: calc(33.33% - var(--wpnbha-col-gap)*2/3*2 - 1.1px)
    }

    .wpnbha.columns-2 article,
    .wpnbha.columns-4 article,
    .wpnbha.columns-5 article {
        flex-basis: calc(50% - var(--wpnbha-col-gap)/2 - 0.1px)
    }

    .wpnbha.is-style-borders.columns-2 article,
    .wpnbha.is-style-borders.columns-4 article,
    .wpnbha.is-style-borders.columns-5 article {
        flex-basis: calc(50% - var(--wpnbha-col-gap)*2/2 - 1.1px)
    }

    .wpnbha.columns-5 article:last-of-type,
    .wpnbha.is-style-borders.columns-5 article:last-of-type {
        flex-basis: 100%
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.columns-4 article {
        flex-basis: calc(25% - var(--wpnbha-col-gap)/4*3 - 0.1px)
    }

    .wpnbha.is-style-borders.columns-4 article {
        flex-basis: calc(25% - var(--wpnbha-col-gap)*2/4*3 - 1.1px)
    }

    .wpnbha.columns-5 article,
    .wpnbha.columns-5 article:last-of-type {
        flex-basis: calc(20% - var(--wpnbha-col-gap)/5*4 - 0.1px)
    }

    .wpnbha.is-style-borders.columns-5 article,
    .wpnbha.is-style-borders.columns-5 article:last-of-type {
        flex-basis: calc(20% - var(--wpnbha-col-gap)*2/5*4 - 1.1px)
    }

    .wpnbha.columns-6 article {
        flex-basis: calc(16.6666% - var(--wpnbha-col-gap)/6*5 - 0.1px)
    }

    .wpnbha.is-style-borders.columns-6 article {
        flex-basis: calc(16.6666% - var(--wpnbha-col-gap)*2/6*5 - 1.1px)
    }
}

.wpnbha figcaption {
    font-size: .6em
}

.wpnbha.image-alignleft .post-has-image,
.wpnbha.image-alignright .post-has-image {
    display: flex
}

.wpnbha.image-alignleft .post-has-image .post-thumbnail,
.wpnbha.image-alignright .post-has-image .post-thumbnail {
    flex-basis: 33%
}

.wpnbha.image-alignleft .post-has-image .entry-wrapper,
.wpnbha.image-alignright .post-has-image .entry-wrapper {
    flex-basis: 67%
}

.wpnbha.image-alignleft.mobile-stack .post-has-image,
.wpnbha.image-alignright.mobile-stack .post-has-image {
    display: block
}

@media only screen and (min-width: 600px) {

    .wpnbha.image-alignleft.mobile-stack .post-has-image,
    .wpnbha.image-alignright.mobile-stack .post-has-image {
        display: flex
    }

    .wpnbha.image-alignleft.is-4 .post-thumbnail,
    .wpnbha.image-alignright.is-4 .post-thumbnail {
        flex-basis: 75%
    }

    .wpnbha.image-alignleft.is-4 .entry-wrapper,
    .wpnbha.image-alignright.is-4 .entry-wrapper {
        flex-basis: 25%
    }

    .wpnbha.image-alignleft.is-3 .entry-wrapper,
    .wpnbha.image-alignleft.is-3 .post-thumbnail,
    .wpnbha.image-alignright.is-3 .entry-wrapper,
    .wpnbha.image-alignright.is-3 .post-thumbnail {
        flex-basis: 50%
    }
}

.wpnbha.image-alignleft.is-1 .post-thumbnail,
.wpnbha.image-alignright.is-1 .post-thumbnail {
    flex-basis: 25%
}

.wpnbha.image-alignleft.is-1 .entry-wrapper,
.wpnbha.image-alignright.is-1 .entry-wrapper {
    flex-basis: 75%
}

.wpnbha.image-alignleft .post-thumbnail {
    margin-right: 1em
}

.wpnbha.image-alignright .post-thumbnail {
    margin-left: 1em
}

.wpnbha.image-alignright .entry-wrapper {
    order: -1
}

.wpnbha.mobile-stack.image-alignleft .post-thumbnail,
.wpnbha.mobile-stack.image-alignright .post-thumbnail {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 600px) {
    .wpnbha.mobile-stack.image-alignleft .post-thumbnail {
        margin-right: 1em
    }

    .wpnbha.mobile-stack.image-alignright .post-thumbnail {
        margin-left: 1em
    }
}

.wpnbha .entry-title {
    margin: 0 0 .25em
}

.wpnbha .entry-title a {
    color: inherit;
    text-decoration: none
}

.wpnbha .entry-meta .byline:not(:last-child) {
    margin-right: 1.5em
}

.wpnbha .entry-meta .updated {
    display: none
}

.wpnbha .entry-meta .updated.published {
    display: block
}

.wpnbha .avatar {
    border-radius: 100%;
    display: block;
    margin-right: .5em
}

.wpnbha.has-text-color .article-section-title,
.wpnbha.has-text-color .cat-links,
.wpnbha.has-text-color .cat-links a,
.wpnbha.has-text-color .cat-links a:visited,
.wpnbha.has-text-color .entry-meta,
.wpnbha.has-text-color .entry-meta .byline a,
.wpnbha.has-text-color .entry-meta .byline a:visited,
.wpnbha.has-text-color .entry-meta a,
.wpnbha.has-text-color .entry-title,
.wpnbha.has-text-color .entry-title a,
.wpnbha.has-text-color .entry-title a:visited,
.wpnbha.has-text-color figcaption {
    color: inherit
}

.wpnbha.has-text-color .entry-meta span:not(.avatar) {
    opacity: .8
}

.wpnbha.image-alignbehind .post-has-image {
    align-items: flex-end;
    display: flex;
    position: relative
}

.wpnbha.image-alignbehind .post-has-image .post-thumbnail {
    inset: 0;
    margin: 0;
    overflow: hidden;
    position: absolute
}

.wpnbha.image-alignbehind .post-has-image .post-thumbnail img {
    height: 100% !important;
    margin: 0 !important;
    max-width: 1000% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 100% !important
}

.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after {
    background: rgba(0, 0, 0, .5);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.wpnbha.image-alignbehind .post-has-image .entry-wrapper {
    padding: 2rem 1rem;
    position: relative;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 1168px) {
    .wpnbha.image-alignbehind .post-has-image .entry-wrapper {
        padding: 2rem 1.5rem
    }
}

.wpnbha.image-alignbehind .post-has-image .cat-links a,
.wpnbha.image-alignbehind .post-has-image .entry-meta,
.wpnbha.image-alignbehind .post-has-image .entry-meta .byline a,
.wpnbha.image-alignbehind .post-has-image .entry-title a,
.wpnbha.image-alignbehind .post-has-image .entry-wrapper {
    color: #fff
}

.wpnbha.image-alignbehind figcaption {
    bottom: 1em;
    -webkit-box-orient: vertical;
    color: hsla(0, 0%, 100%, .9);
    display: -webkit-box;
    font-style: italic;
    left: 0;
    -webkit-line-clamp: 1;
    margin: 0;
    max-height: 1.6em;
    overflow: hidden;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    text-align: right;
    text-overflow: ellipsis;
    z-index: 3
}

.wpnbha.image-alignbehind figcaption a,
.wpnbha.image-alignbehind figcaption a:visited {
    color: #fff
}

@media only screen and (min-width: 1168px) {
    .wpnbha.image-alignbehind figcaption {
        padding: 0 1.5rem
    }
}

.wpnbha .error,
.wpnbha .loading,
.wpnbha button {
    display: none
}

.wpnbha>button {
    margin-top: 1em;
    position: relative
}

.wpnbha.has-more-button button {
    display: block
}

.wpnbha.has-more-button.is-loading button {
    pointer-events: none
}

.wpnbha.has-more-button.is-loading .label {
    visibility: hidden
}

.wpnbha.has-more-button.is-loading .loading {
    display: block
}

.wpnbha .loading {
    animation: wpnbha-loading-animation .9s linear infinite;
    border-color: currentcolor currentcolor transparent transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1.5px;
    height: 18px;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    transform: rotate(0deg);
    width: 18px
}

.wpnbha.has-more-button.is-error .error,
.wpnbha.has-more-button.is-error button {
    display: block
}

.wpnbha.has-text-align-center .cat-links,
.wpnbha.has-text-align-center .entry-meta,
.wpnbha.has-text-align-center .entry-sponsors {
    justify-content: center
}

.wpnbha.has-text-align-center figcaption,
.wpnbha.has-text-align-center.image-alignbehind figcaption {
    text-align: inherit
}

.wpnbha.has-text-align-right .cat-links,
.wpnbha.has-text-align-right .entry-meta,
.wpnbha.has-text-align-right .entry-sponsors,
.wpnbha.has-text-align-right .sponsor-logos {
    justify-content: flex-end;
    text-align: right
}

.wpnbha.has-text-align-right figcaption {
    text-align: inherit
}

.wpnbha.has-text-align-right .entry-date:not(:first-child) {
    margin-left: 1.5em
}

.wpnbha.has-text-align-right .entry-meta .byline:not(:last-child) {
    margin: 0
}

.wpnbha .cat-links {
    display: flex;
    flex-wrap: wrap;
    font-size: .75em;
    font-weight: 700;
    margin: 0 0 .5em
}

.wpnbha .cat-links.sponsor-label {
    align-items: center;
    display: flex;
    gap: .5em
}

.wpnbha .cat-links a {
    text-decoration: none
}

.wpnbha .cat-links a:hover {
    text-decoration: underline
}

.wpnbha .entry-sponsors {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25em;
    width: 100%
}

.wpnbha .entry-sponsors.plus-author {
    font-size: .9em
}

.wpnbha .entry-sponsors.plus-author:not(:last-child) {
    margin-bottom: .5rem
}

.wpnbha .sponsor-logos {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5em;
    line-height: 1
}

@media only screen and (min-width: 782px) {
    .wpnbha article .entry-title {
        font-size: 1.6em
    }

    .wpnbha article .avatar {
        height: 40px;
        width: 40px
    }

    .wpnbha.ts-10 article .avatar,
    .wpnbha.ts-8 article .avatar,
    .wpnbha.ts-9 article .avatar {
        height: 2.4em;
        width: 2.4em
    }

    .wpnbha.ts-10 article .entry-title {
        font-size: 3.6em
    }
}

@media only screen and (min-width: 1168px) {
    .wpnbha.ts-10 article .entry-title {
        font-size: 4.8em
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.ts-9 article .entry-title {
        font-size: 3.4em
    }
}

@media only screen and (min-width: 1168px) {
    .wpnbha.ts-9 article .entry-title {
        font-size: 4.2em
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.ts-8 article .entry-title {
        font-size: 3em
    }
}

@media only screen and (min-width: 1168px) {
    .wpnbha.ts-8 article .entry-title {
        font-size: 3.6em
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.ts-7 article .entry-title {
        font-size: 2.4em
    }

    .wpnbha.ts-7 article .avatar {
        height: 48px;
        width: 48px
    }
}

@media only screen and (min-width: 1168px) {
    .wpnbha.ts-7 article .entry-title {
        font-size: 3em
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.ts-6 article .entry-title {
        font-size: 2em
    }

    .wpnbha.ts-6 article .avatar {
        height: 44px;
        width: 44px
    }
}

@media only screen and (min-width: 1168px) {
    .wpnbha.ts-6 article .entry-title {
        font-size: 2.4em
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.ts-5 article .entry-title {
        font-size: 1.8em
    }

    .wpnbha.ts-5 article .avatar {
        height: 40px;
        width: 40px
    }
}

@media only screen and (min-width: 1168px) {
    .wpnbha.ts-5 article .entry-title {
        font-size: 2em
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.ts-3 article .entry-title {
        font-size: 1.2em
    }

    .wpnbha.ts-3 article .entry-meta {
        font-size: .7em
    }

    .wpnbha.ts-3 article .avatar {
        height: 32px;
        width: 32px
    }

    .wpnbha.ts-1 article .entry-meta,
    .wpnbha.ts-1 article .entry-wrapper .more-link,
    .wpnbha.ts-1 article .entry-wrapper p,
    .wpnbha.ts-1 article .newspack-post-subtitle,
    .wpnbha.ts-2 article .entry-meta,
    .wpnbha.ts-2 article .entry-wrapper .more-link,
    .wpnbha.ts-2 article .entry-wrapper p,
    .wpnbha.ts-2 article .newspack-post-subtitle {
        font-size: .7em
    }

    .wpnbha.ts-2 article .entry-title {
        font-size: .9em
    }

    .wpnbha.ts-2 article .avatar {
        height: 28px;
        width: 28px
    }

    .wpnbha.ts-1 article .entry-title {
        font-size: .7em
    }

    .wpnbha.ts-1 article .avatar {
        height: 24px;
        width: 24px
    }
}

.wpnbha.is-style-borders article {
    border: solid #eee;
    border-width: 0 0 1px;
    box-sizing: content-box;
    padding-bottom: 1em
}

.wpnbha.is-style-borders article:last-of-type:not(:first-of-type) {
    border-bottom: 0;
    padding-right: 0
}

@media only screen and (min-width: 600px) {
    .wpnbha.is-style-borders.is-grid article {
        border-width: 0;
        padding-right: 0
    }

    .wpnbha.is-style-borders.columns-2 article:nth-of-type(odd):not(:last-of-type),
    .wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+1):not(:last-of-type),
    .wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+2):not(:last-of-type),
    .wpnbha.is-style-borders.columns-4 article:nth-of-type(odd):not(:last-of-type),
    .wpnbha.is-style-borders.columns-5 article:nth-of-type(odd):not(:last-of-type),
    .wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+1):not(:last-of-type),
    .wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+2):not(:last-of-type) {
        border-width: 0 1px 0 0;
        padding-right: var(--wpnbha-col-gap)
    }
}

@media only screen and (min-width: 782px) {
    .wpnbha.is-style-borders.is-grid article {
        border-width: 0 1px 0 0;
        padding-right: var(--wpnbha-col-gap)
    }

    .wpnbha.is-style-borders.columns-1 article,
    .wpnbha.is-style-borders.columns-2 article:nth-of-type(2n),
    .wpnbha.is-style-borders.columns-3 article:nth-of-type(3n),
    .wpnbha.is-style-borders.columns-4 article:nth-of-type(4n),
    .wpnbha.is-style-borders.columns-5 article:nth-of-type(5n),
    .wpnbha.is-style-borders.columns-6 article:nth-of-type(6n),
    .wpnbha.is-style-borders.is-grid article:last-of-type {
        border: 0;
        padding-right: 0
    }
}

@keyframes wpnbha-loading-animation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


/*Custom styles*/

.article-section-title {
    background-color: #fff;
    box-shadow: inset -4px -4px 0 #007dab;
    color: white;
    margin-left: 6px;
    margin-top: 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.article-section-title span {
    background-color: #031144;
    margin-bottom: 6px;
    margin-left: -6px;
    margin-right: 6px;
    margin-top: -6px;
    padding: .5rem;
}