/* ==========================================================================
   News & Insights Archive
   Adjust the CSS variables below to match the theme's existing design
   tokens (colors/fonts) if the theme already defines its own.
   ========================================================================== */

.news-archive-section {
	padding: 40px 0 80px;
}

/* Filter bar --------------------------------------------------------- */
.news-archive-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-bottom: 50px;
}
.news-archive-filters a {
    margin-left: 0 !important;
}
.news-archive-filter {
    display: inline-flex;
    align-items: center;
    appearance: none;
    border: 1px solid #0B123840;
    background: var(--white);
    border-radius: 2px;
    padding: 12px 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    color: #333333;
    font-family: var(--font-archivo-expanded);
    line-height: 100%;
}

.news-archive-filter.is-active,
.news-archive-filter:hover {
	   background: var(--navy-blue);
	   border: 1px solid var(--navy-blue);
	   color: var(--white);
}

/* Listing -------------------------------------------------------------- */
.news-archive-list {
	display: flex;
	flex-direction: column;
	transition: opacity .2s ease;
}

.news-archive-list.is-loading {
	opacity: 0.5;
	pointer-events: none;
}

.news-archive-card {
    position: relative;
    border: 1px solid #21326E40;
    border-radius: 4px;
    padding: 25px;
    transition: all 0.6s;
}
.news-archive-card:not(:last-child){
	margin-bottom: 30px;
}
.news-archive-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 25px;
}

.news-archive-card__category {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: var(--na-badge-text);
    padding: 0px 10px;
    font-family: var(--font-Prosto-one);
}
.news-archive-card__category-icon {
    width: 10px;
    height: 10px;
    background: #567089;
    display: inline-block;
}
.news-archive-card__category.public-notice{
	 background: #A9682F26;
}
.news-archive-card__category.news{
     background: #5670891A;
}
.news-archive-card__category.featured-stories{
     background: rgba(161, 78, 69, 0.10);
}
.public-notice .news-archive-card__category-icon{
	background: var(--brown);
}
.news .news-archive-card__category-icon{
	background: #567089;
}
.featured-stories .news-archive-card__category-icon{
    background: #A14E45;
}



.news-archive-card__date {
    font-size: 12px;
    color: #0B123880;
    white-space: nowrap;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 100%;
}
.news-archive-card:hover {
    border: 1px solid #A9682F40;
}

.news-archive-card:hover .news-archive-card__excerpt p {
    color: var(--brown);
}

.news-archive-card:hover .news-archive-card__link .icon {
    background: var(--brown);
}
.news-archive-card__excerpt p {
    margin: 0;
    font-size: 18px;
    line-height: 32px;
    color: var(--dark-blue);
    font-weight: 600;
	letter-spacing: -0.4px;
    transition: all 0.6s;
}

.news-archive-card__link {
    margin-left: auto;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.news-archive-card__link .icon{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background: var(--navy-blue);
    transition: all 0.6s;
}
.news-archive-empty {
	padding: 48px 0;
	text-align: center;
	color: var(--na-text-muted);
}
.news-archive-card__link .name {
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    margin-right: 20px;
    letter-spacing: 0.3px;
    font-weight: 500;
    font-family: var(--font-archivo-expanded);
	display: none;
}
.news-archive-card__excerpt {
    max-width: 1164px;
    width: 100%;
}
.news-archive-filter-select-wrap select{
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: var(--navy-blue);
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    outline: none;
    background-position: calc(100% - 12px) 55%;
    padding: 12px !important;
    width: 100%;
    font-weight: 400;
    color: var(--white);
    text-transform: uppercase;
    font-size: 12px !important;
    line-height: 100%;
    letter-spacing: 0.3px;
}
/* Pagination ------------------------------------------------------------ */
.news-archive-pagination-wrap {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.news-archive-pagination {
	display: inline-flex;
	align-items: center;
	gap: 16px;
}

.news-archive-page-btn {
    appearance: none;
    width: 44px;
    height: 44px;
    border-radius: 2px;
    border: 1px solid var(--navy-blue);
    background: var(--navy-blue);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    color: inherit;
    transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}


.news-archive-page-btn.is-disabled {
	opacity: 0.25;
	cursor: not-allowed;
	pointer-events: none;
}

.news-archive-page-status {
    font-size: 18px;
    font-weight: 600;
    color: #243746;
    line-height: 32px;
}
.news-archive-filters-mobile {
    margin-bottom: 50px;
	display: none;
}
@media (max-width: 991px) {
	.news-archive-card__excerpt p {
		font-size: 16px;
		line-height: 30px;
	}
	.news-archive-section {
		padding: 50px 0 50px;
	}
}
@media (max-width: 767px) {
	.news-archive-filters-mobile {
		display: block;
	}
	.news-archive-filters {
		display: none;
	}
	.news-archive-card {
		padding: 15px;
	}
	.news-archive-card__meta {
		flex-wrap: wrap;
		gap: 10px;
	}
	.news-archive-card__link {
		margin-top: 30px;
		justify-content: space-between;
	}
	.news-archive-card__link .icon {
		width: 34px;
		height: 34px;
	}
	.news-archive-card__link .name {
		display: block;
	}
}