/* Iconic infinite scroll (v2.4.12) — loaded only on blog archives. Pagination is hidden ONLY when JS adds .iconic-infinite-active to . With JS off (or after an AJAX failure) numbered pagination shows as before. */ body.iconic-infinite-active .eltdf-blog-pagination, body.iconic-infinite-active nav.pagination, body.iconic-infinite-active .paging-navigation, body.iconic-infinite-active .nav-links { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } /* Loader — matches the eltdf Read More button typography (Montserrat, 11px, 2px letter-spacing, uppercase, Iconic blue #055a8c). */ .iconic-infinite-loader { display: none; text-align: center; padding: 40px 0 30px; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #055a8c; } .iconic-infinite-loader.is-visible { display: block; } .iconic-infinite-loader .iconic-spinner { display: inline-block; width: 18px; height: 18px; margin-bottom: 10px; border: 2px solid #055a8c; border-top-color: transparent; border-radius: 50%; animation: iconic-spin 0.8s linear infinite; } @keyframes iconic-spin { to { transform: rotate(360deg); } } .iconic-infinite-loader .iconic-loader-text { display: block; } .iconic-infinite-end { display: none; text-align: center; padding: 30px 0; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #0d0d0d; opacity: 0.45; } .iconic-infinite-end.is-visible { display: block; } @media (prefers-reduced-motion: reduce) { .iconic-infinite-loader .iconic-spinner { animation-duration: 1.6s; } }