/* Additions to the converted Elementor styles. Kept small: the live site's own CSS still drives the look. */
[hidden] { display: none !important; }
.blog-more { justify-content: center; }
.blog-more button.page-numbers { cursor: pointer; border: 0; font: inherit; }
.am-404 { max-width: 760px; margin: 0 auto; padding: 80px 20px 120px; text-align: center; color: #0B1C33; }
.am-404 h1 { font-family: "pf-marlet-display", serif; font-weight: 400; font-size: clamp(34px, 5vw, 52px); margin: 0 0 16px; color: #0B1C33; }
.am-404 p { font-size: 17px; line-height: 1.6; }
.am-404 ul { list-style: none; padding: 0; margin: 28px 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.am-404 ul a { display: inline-block; padding: 10px 20px; border-radius: 999px; background: #F0F4F8; color: #0B1C33; text-decoration: none; font-weight: 500; }
.am-404 ul a:hover, .am-404 ul a:focus-visible { background: #00467E; color: #fff; }
.am-404 p a { color: #00467E; font-weight: 600; }
/* Carousels: the live CSS fades every slide that is not active. Until Swiper starts there is no active slide,
   so keep the first slide fully visible instead of showing a faded, half-built carousel. */
.swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:first-child,
.e-n-carousel:not(.swiper-initialized) .swiper-slide:first-child { opacity: 1 !important; }