body.etl-news-hub-active {
overflow-x: hidden !important;
}
body.etl-news-hub-active .top_panel_title,
body.etl-news-hub-active .page_title_wrap,
body.etl-news-hub-active .sc_layouts_title,
body.etl-news-hub-active .sc_layouts_title_caption,
body.etl-news-hub-active .page_title,
body.etl-news-hub-active .post_title.entry-title,
body.etl-news-hub-active .breadcrumbs,
body.etl-news-hub-active .sidebar,
body.etl-news-hub-active aside.sidebar,
body.etl-news-hub-active .sidebar_inner,
body.etl-news-hub-active .widget_area {
display: none !important;
}
body.etl-news-hub-active .page_content_wrap,
body.etl-news-hub-active .content_wrap,
body.etl-news-hub-active .page_content_wrap .content_wrap,
body.etl-news-hub-active .content,
body.etl-news-hub-active main.etl-news-hub {
float: none !important;
clear: both !important;
margin-left: auto !important;
margin-right: auto !important;
border: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
background-image: none !important;
box-shadow: none !important;
}
body.etl-news-hub-active .page_content_wrap {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.etl-news-hub-active .content_wrap,
body.etl-news-hub-active .page_content_wrap .content_wrap {
width: min(calc(100% - 28px), 1180px) !important;
max-width: 1180px !important;
padding-inline: 0 !important;
}
body.etl-news-hub-active .content,
body.etl-news-hub-active main.etl-news-hub {
width: 100% !important;
max-width: 100% !important;
padding-inline: 0 !important;
}
body.etl-news-hub-active .page_content_wrap::before,
body.etl-news-hub-active .page_content_wrap::after,
body.etl-news-hub-active .content_wrap::before,
body.etl-news-hub-active .content_wrap::after,
body.etl-news-hub-active .content::before,
body.etl-news-hub-active .content::after,
body.etl-news-hub-active main.etl-news-hub::before,
body.etl-news-hub-active main.etl-news-hub::after {
content: none !important;
display: none !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
}
body.etl-news-hub-active .eu-tl__progress {
display: none !important;
}
.etl-news-hub {
width: 100% !important;
max-width: 1180px !important;
margin-inline: auto !important;
padding-bottom: 2.25rem !important;
} .etl-news-hub > .eu-tl__section {
margin: 0 !important;
padding: .55rem 0 !important;
}
.etl-news-hub > .eu-tl__section + .eu-tl__section {
margin-top: 1.15rem !important;
}
.etl-news-hub > .eu-tl__section--surface {
padding: 1.25rem !important;
} .etl-news-hero {
display: block !important;
width: 100% !important;
padding: 1.35rem 0 .65rem !important;
}
.etl-news-hero > div {
width: 100% !important;
max-width: 100% !important;
}
.etl-news-hero h1 {
max-width: 920px !important;
margin: 0 0 .75rem !important;
color: var(--etl-primary) !important;
font-size: clamp(2.55rem, 5vw, 4.25rem) !important;
line-height: 1.02 !important;
letter-spacing: -.05em !important;
}
.etl-news-hero h1::after {
content: "";
display: block;
width: 56px;
height: 3px;
margin-top: .7rem;
border-radius: 999px;
background: var(--etl-accent);
}
.etl-news-hero__lead {
width: 100% !important;
max-width: 930px !important;
margin: 0 !important;
color: var(--etl-body) !important;
font-size: 1.04rem !important;
line-height: 1.7 !important;
text-align: justify !important;
} .etl-news-search {
display: block !important;
width: min(100%, 820px) !important;
margin: .65rem 0 .75rem !important;
padding: .85rem .95rem !important;
border: 1px solid #dce6ef !important;
border-radius: 12px !important;
background: #f7fafc !important;
box-shadow: 0 8px 24px rgba(16,36,59,.04) !important;
}
.etl-news-search label {
display: block !important;
margin: 0 0 .45rem !important;
color: var(--etl-primary) !important;
font-size: .85rem !important;
font-weight: 850 !important;
text-align: left !important;
}
.etl-news-search__row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: .55rem !important;
width: 100% !important;
}
.etl-news-search input[type="search"] {
width: 100% !important;
min-height: 46px !important;
margin: 0 !important;
padding: .7rem .9rem !important;
border: 1px solid #cfdce7 !important;
border-radius: 9px !important;
background: #fff !important;
color: var(--etl-primary) !important;
font-size: .94rem !important;
box-shadow: none !important;
}
.etl-news-search input[type="search"]:focus {
border-color: var(--etl-secondary) !important;
outline: 2px solid rgba(29,111,203,.12) !important;
outline-offset: 1px !important;
}
.etl-news-search button {
min-height: 46px !important;
margin: 0 !important;
padding: .7rem 1.1rem !important;
border: 0 !important;
border-radius: 9px !important;
background: var(--etl-secondary) !important;
color: #fff !important;
font-size: .88rem !important;
font-weight: 850 !important;
cursor: pointer !important;
}
.etl-news-search__status {
margin: .55rem 0 0 !important;
color: var(--etl-body) !important;
font-size: .82rem !important;
line-height: 1.45 !important;
text-align: left !important;
}
.etl-news-search__status a {
margin-left: .45rem !important;
color: var(--etl-secondary) !important;
font-weight: 850 !important;
} .etl-news-topics {
display: flex !important;
flex-wrap: wrap !important;
gap: .45rem !important;
margin: 0 0 1.45rem !important;
padding: 0 !important;
}
.etl-news-topics a {
display: inline-flex !important;
min-height: 2.15rem !important;
align-items: center !important;
padding: .4rem .72rem !important;
border: 1px solid #dce6ef !important;
border-radius: 999px !important;
background: #fff !important;
color: var(--etl-body) !important;
font-size: .77rem !important;
font-weight: 800 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.etl-news-topics a:hover,
.etl-news-topics a.is-current {
border-color: var(--etl-secondary) !important;
background: #edf5ff !important;
color: var(--etl-secondary) !important;
} .etl-news-section-heading {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr) !important;
gap: 1rem !important;
align-items: end !important;
width: 100% !important;
margin-bottom: .85rem !important;
}
.etl-news-section-heading > p {
margin: 0 !important;
color: var(--etl-body) !important;
font-size: .9rem !important;
line-height: 1.55 !important;
text-align: left !important;
} .etl-news-featured-layout {
display: grid !important;
grid-template-columns: minmax(0, 1.58fr) minmax(300px, .82fr) !important;
gap: .85rem !important;
align-items: start !important;
width: 100% !important;
}
.etl-news-featured,
.etl-news-card {
overflow: hidden !important;
border: 1px solid #dce6ef !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 9px 26px rgba(16,36,59,.045) !important;
}
.etl-news-featured {
display: grid !important;
grid-template-rows: auto 1fr !important;
}
.etl-news-featured__media,
.etl-news-card__media {
display: block !important;
overflow: hidden !important;
background: #eef4f8 !important;
}
.etl-news-featured__media {
aspect-ratio: 16 / 8.2 !important;
}
.etl-news-card__media {
aspect-ratio: 16 / 9 !important;
}
.etl-news-featured__media img,
.etl-news-card__media img,
.etl-news-card__image {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.etl-news-card__image--logo-fallback {
object-fit: contain !important;
padding: 12% !important;
background: linear-gradient(145deg, #10243b, #1a466b) !important;
}
.etl-news-featured__content {
padding: 1.15rem 1.25rem 1.3rem !important;
}
.etl-news-featured__content h2 {
margin: .55rem 0 .6rem !important;
font-size: clamp(1.65rem, 2.65vw, 2.25rem) !important;
line-height: 1.1 !important;
}
.etl-news-featured__content h2 a,
.etl-news-card h3 a {
color: var(--etl-primary) !important;
text-decoration: none !important;
}
.etl-news-featured__content > p:not(.eu-tl__section-label),
.etl-news-card__content > p {
text-align: left !important;
} .etl-news-featured-side {
display: grid !important;
grid-template-columns: 1fr !important;
gap: .85rem !important;
align-content: start !important;
min-width: 0 !important;
}
.etl-news-featured-side .etl-news-card {
display: grid !important;
grid-template-columns: 118px minmax(0, 1fr) !important;
min-height: 132px !important;
height: auto !important;
}
.etl-news-featured-side .etl-news-card__media {
display: block !important;
width: 118px !important;
min-height: 132px !important;
height: 100% !important;
aspect-ratio: auto !important;
}
.etl-news-featured-side .etl-news-card__content {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
padding: .85rem .9rem !important;
}
.etl-news-featured-side .etl-news-card h3 {
margin: .45rem 0 .4rem !important;
font-size: 1rem !important;
line-height: 1.27 !important;
} .etl-news-hub .eu-tl__section--surface {
border: 1px solid #dce6ef !important;
border-radius: 12px !important;
background: #f7fafc !important;
box-shadow: none !important;
}
.etl-news-paths {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: .65rem !important;
width: 100% !important;
}
.etl-news-paths a {
display: grid !important;
min-height: 94px !important;
align-content: start !important;
padding: .85rem !important;
border: 1px solid #dce6ef !important;
border-radius: 9px !important;
background: #fff !important;
text-decoration: none !important;
box-shadow: none !important;
}
.etl-news-paths span {
color: var(--etl-accent) !important;
font-size: .68rem !important;
font-weight: 900 !important;
}
.etl-news-paths strong {
margin: .25rem 0 !important;
color: var(--etl-primary) !important;
font-size: .96rem !important;
}
.etl-news-paths small {
color: var(--etl-body) !important;
font-size: .8rem !important;
line-height: 1.45 !important;
} .etl-news-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: .8rem !important;
width: 100% !important;
}
.etl-news-card {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
}
.etl-news-card__content {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
padding: .85rem .9rem .95rem !important;
}
.etl-news-card h3 {
margin: .5rem 0 .42rem !important;
color: var(--etl-primary) !important;
font-size: 1.04rem !important;
line-height: 1.27 !important;
}
.etl-news-card__fallback {
display: grid !important;
width: 100% !important;
height: 100% !important;
place-items: center !important;
background: linear-gradient(145deg, #10243b, #1a466b) !important;
}
.etl-news-card__fallback span {
color: #fff !important;
font-size: .88rem !important;
font-weight: 850 !important;
}
.etl-news-card__meta {
display: flex !important;
flex-wrap: wrap !important;
gap: .28rem .5rem !important;
align-items: center !important;
color: #75889a !important;
font-size: .68rem !important;
line-height: 1.35 !important;
}
.etl-news-card__meta a {
color: var(--etl-secondary) !important;
font-weight: 850 !important;
text-decoration: none !important;
}
.etl-news-card__link {
display: inline-flex !important;
margin-top: auto !important;
padding-top: .55rem !important;
color: var(--etl-secondary) !important;
font-size: .82rem !important;
font-weight: 850 !important;
text-decoration: none !important;
} body.etl-news-hub-active .navigation.pagination {
margin: 1.55rem 0 0 !important;
}
body.etl-news-hub-active .nav-links {
display: flex !important;
flex-wrap: wrap !important;
gap: .4rem !important;
justify-content: center !important;
}
body.etl-news-hub-active .page-numbers {
display: inline-flex !important;
min-width: 2.25rem !important;
min-height: 2.25rem !important;
align-items: center !important;
justify-content: center !important;
padding: .42rem .65rem !important;
border: 1px solid #dce6ef !important;
border-radius: 999px !important;
background: #fff !important;
color: var(--etl-body) !important;
text-decoration: none !important;
}
body.etl-news-hub-active .page-numbers.current {
border-color: var(--etl-secondary) !important;
background: var(--etl-secondary) !important;
color: #fff !important;
} .etl-news-method {
display: grid !important;
grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr) !important;
gap: 1.4rem !important;
align-items: center !important;
margin-top: 1.55rem !important;
padding: 1.35rem 1.45rem !important;
border: 0 !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #10243b, #163552) !important;
box-shadow: 0 12px 32px rgba(16,36,59,.1) !important;
}
.etl-news-method h2,
.etl-news-method p,
.etl-news-method li {
color: #fff !important;
}
.etl-news-method .eu-tl__section-label {
color: #b6de87 !important;
}
body.etl-news-hub-active .eu-tl__cta {
margin-top: .55rem !important;
padding: 1.25rem 1.35rem !important;
border: 1px solid #dce6ef !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #f7fafc, #fff) !important;
box-shadow: 0 8px 24px rgba(16,36,59,.04) !important;
}
@media (max-width: 1000px) {
.etl-news-featured-layout {
grid-template-columns: 1fr !important;
}
.etl-news-featured-side {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.etl-news-featured-side .etl-news-card {
grid-template-columns: 100px minmax(0, 1fr) !important;
}
.etl-news-featured-side .etl-news-card__media {
width: 100px !important;
}
.etl-news-paths,
.etl-news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.etl-news-method {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 720px) {
body.etl-news-hub-active .content_wrap,
body.etl-news-hub-active .page_content_wrap .content_wrap {
width: min(calc(100% - 18px), 100%) !important;
}
.etl-news-hero {
padding-top: .85rem !important;
}
.etl-news-hero__lead {
text-align: left !important;
}
.etl-news-search {
width: 100% !important;
}
.etl-news-search__row,
.etl-news-section-heading,
.etl-news-featured-side,
.etl-news-paths,
.etl-news-grid {
grid-template-columns: 1fr !important;
}
.etl-news-featured-side .etl-news-card {
grid-template-columns: 92px minmax(0, 1fr) !important;
}
.etl-news-featured-side .etl-news-card__media {
width: 92px !important;
min-height: 120px !important;
}
}