/* ========================================================= LIMERICK ARCHIVES — COMPLETE CUSTOM CSS ========================================================= Text: Very dark black #111111 Decorative green: #2F7D3B Background: White #ffffff Important image rule: - Archive images display in bright, high-contrast black and white. - Images on the Limerick Generations page remain in colour. Headlines: - 15pt - Bold - Garamond - Centred ========================================================= */ /* ========================================================= COLOUR VARIABLES ========================================================= */ :root { --la-black: #111111; --la-green: #2F7D3B; --la-white: #ffffff; --primary-color: #2F7D3B !important; --secondary-color: #2F7D3B !important; --accent-color: #2F7D3B !important; --theme-color: #2F7D3B !important; --theme-primary-color: #2F7D3B !important; } /* ========================================================= GLOBAL SIZING ========================================================= */ *, *::before, *::after { box-sizing: border-box; } html, body { width: 100%; max-width: 100%; overflow-x: hidden; } #page, .site, .site-content, .content-area, .site-main, .main-content, .content-wrapper, article, .entry-header, .entry-content{ max-width: 100%; } /* ========================================================= BRIGHT HIGH-CONTRAST BLACK-AND-WHITE ARCHIVE IMAGES ========================================================= */ .site-content img, .content-area img, .site-main img, .main-content img, article img, .entry-content img, .entry-summary img, .post-thumbnail img, .featured-image img, .full-width-image img, .wp-post-image, .widget-area img, .related-posts img, picture img { -webkit-filter: grayscale(100%) contrast(135%) brightness(145%) !important; filter: grayscale(100%) contrast(135%) brightness(145%) !important; opacity: 1 !important; visibility: visible !important; } /* CoverNews images displayed as CSS backgrounds */ .data-bg, .aft-image, .post-image, .featured-post-image, .read-img, .af-main-banner .data-bg, .spotlight-post .data-bg, .aft-trending-posts .data-bg { -webkit-filter: grayscale(100%) contrast(135%) brightness(145%) !important; filter: grayscale(100%) contrast(135%) brightness(145%) !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= KEEP LIMERICK GENERATIONS BOOK COVERS IN FULL COLOUR ========================================================= This identifies the Limerick Generations page through its active navigation link and removes all image filtering. ========================================================= */ body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .site-content img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .content-area img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .site-main img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .main-content img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) article img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .entry-content img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .entry-summary img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .post-thumbnail img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .featured-image img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .full-width-image img, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .wp-post-image, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .site-content img, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .content-area img, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .site-main img, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) article img, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .entry-content img, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .wp-post-image { -webkit-filter: none !important; filter: none !important; } /* Full-colour CSS background images on that page */ body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .data-bg, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .aft-image, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .post-image, body:has( a[aria-current="page"][href*="/limerick-generations/"] ) .featured-post-image, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .data-bg, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .aft-image, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .post-image, body:has( .current-menu-item > a[href*="/limerick-generations/"] ) .featured-post-image { -webkit-filter: none !important; filter: none !important; } /* ========================================================= KEEP MASTHEAD AND LOGO IMAGES UNCHANGED ========================================================= */ .site-header img, #masthead img, .masthead img, .site-branding img, .site-logo img, .custom-logo, .custom-logo-link img, .header-image img, .wp-custom-header img { -webkit-filter: none !important; filter: none !important; } /* Keep WordPress administration graphics unchanged */ #wpadminbar img { -webkit-filter: none !important; filter: none !important; } /* ========================================================= WHITE BACKGROUNDS ========================================================= */ html, body, #page, .site, .site-content, .content-area, .site-main, .main-content, .content-wrapper, .entry-header, .entry-content, .entry-summary, .page-header, .archive-header, .comments-area, .comment-body, .widget, table, thead, tbody, tfoot, tr, th, td, form{ background-color: #ffffff !important; } /* ========================================================= VERY DARK BLACK TEXT SITE-WIDE ========================================================= */ html, body, body p, body li, body dt, body dd, body h1, body h2, body h3, body h4, body h5, body h6, body label, body small, body strong, body b, body em, body blockquote, body cite, body figcaption, body caption, body time, body address, body summary, body legend, body .entry-title, body .entry-title a, body .entry-meta, body .entry-summary, body .entry-content, body .widget, body .widget-title, body .section-title, body .page-title, body .archive-title, body .search-title, body .comment-author, body .comment-content, body .site-description, body .pagination, body .breadcrumbs, body .breadcrumb, body .nav-links, body .post-navigation{ color: #111111 !important; } /* Site links */ body a, body a:link, body a:visited, body a:hover, body a:focus, body a:active { color: #111111 !important; text-decoration-color: #111111 !important; } /* ========================================================= BASE TYPOGRAPHY ========================================================= */ body { color: #111111 !important; font-size: clamp(16px, 1.1vw, 18px); line-height: 1.65; } .entry-content h2 { font-size: clamp(24px, 3vw, 36px); } .entry-content h3 { font-size: clamp(21px, 2.5vw, 30px); } /* ========================================================= ALL PAGE AND POST HEADLINES Centred, bold, 15pt Garamond ========================================================= */ .entry-title, .page-title, .archive-title, .search-title, .post-title, .single-post .entry-title, .single-page .entry-title, .page .entry-title, article .entry-title, header.entry-header .entry-title, .page-header .page-title, .archive-header .archive-title, .search-results .page-title, .search-results .entry-title, .search-no-results .page-title, .blog .entry-title, .category .entry-title, .tag .entry-title, .author .entry-title, .date .entry-title { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* Linked headline text */ .entry-title a, .page-title a, .archive-title a, .search-title a, .post-title a, .search-results .entry-title a, .blog .entry-title a, .category .entry-title a, .tag .entry-title a, .author .entry-title a, .date .entry-title a { display: inline !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } /* ========================================================= INDIVIDUAL POST TEXT ========================================================= */ .single-post .entry-content, .single-post .entry-content p, .single-post .entry-content li, .single-post .entry-content blockquote, .single-post .entry-content figcaption, .single-post .entry-content dd, .single-post .entry-content dt, .single-post .entry-summary, .single-post .entry-summary p { color: #111111 !important; text-align: justify !important; text-justify: inter-word !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* Headings within article content remain left-aligned */ .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 { color: #111111 !important; text-align: left !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* Disable automatic hyphenation throughout posts */ .single-post article, .single-post article * { -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } /* ========================================================= FEATURED IMAGE ON INDIVIDUAL POSTS ========================================================= */ .single-post .entry-header .post-thumbnail.full-width-image { display: block !important; position: relative !important; width: 50% !important; max-width: 50% !important; left: auto !important; right: auto !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 20px !important; margin-left: auto !important; padding: 0 !important; float: none !important; clear: both !important; transform: none !important; overflow: hidden !important; } .single-post .entry-header .post-thumbnail.full-width-image img { display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; float: none !important; transform: none !important; } /* ========================================================= RESPONSIVE MEDIA ========================================================= */ img, picture, video, canvas, iframe, embed, object { max-width: 100%; } img, picture, video, canvas { height: auto; } iframe, embed, object { width: 100%; } .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-image, .wp-block-gallery, .wp-block-cover { max-width: 100% !important; } .entry-content figure { max-width: 100% !important; background-color: transparent !important; } .entry-content img { visibility: visible !important; opacity: 1 !important; max-width: 100% !important; height: auto !important; background-color: transparent !important; } /* ========================================================= LONG LINKS AND TEXT ========================================================= */ .entry-content, .entry-summary, .comment-content, .widget{ overflow-wrap: anywhere; word-wrap: break-word; } /* ========================================================= MAIN NAVIGATION ========================================================= */ .main-navigation { position: relative !important; z-index: 9999 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; color: #111111 !important; border-top: 3px double #2F7D3B !important; border-bottom: 3px double #2F7D3B !important; box-shadow: 0 2px 8px rgba(47, 125, 59, 0.12) !important; } /* Centre main menu on desktop only. Mobile display is left to CoverNews so its own toggle can work. */ @media screen and (min-width: 769px) { .main-navigation > div, .main-navigation .menu, .main-navigation > div > ul { display: flex !important; justify-content: center !important; align-items: stretch !important; flex-wrap: wrap !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; } } /* Main menu items */ .main-navigation li { position: relative !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background-color: #ffffff !important; color: #111111 !important; border-right: 1px solid rgba(47, 125, 59, 0.25) !important; } .main-navigation > div > ul > li:last-child { border-right: none !important; } /* Main menu links */ .main-navigation a { display: flex !important; align-items: center !important; gap: 7px !important; min-height: 44px !important; padding: 15px 20px !important; background-color: #ffffff !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.4px !important; text-transform: none !important; text-decoration: none !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* Remove theme-generated dashes */ .main-navigation li::before, .main-navigation li::after, .main-navigation a::before, .main-navigation .menu-item::before, .main-navigation .menu-item::after { content: none !important; display: none !important; } /* Hide built-in dropdown symbols */ .main-navigation .dropdown-toggle, .main-navigation .sub-menu-toggle, .main-navigation .submenu-toggle, .main-navigation .dropdown-symbol, .main-navigation .menu-description, .main-navigation .menu-item-description, .main-navigation .angle-down, .main-navigation .icon-angle-down, .main-navigation .fa-angle-down, .main-navigation .fa-chevron-down, .main-navigation .caret, .main-navigation a > .icon, .main-navigation a > svg, .main-navigation a > i { display: none !important; } /* Custom downward arrows */ .main-navigation li.menu-item-has-children > a::after, .main-navigation li.page_item_has_children > a::after { content: "▼" !important; display: inline-block !important; position: static !important; width: auto !important; height: auto !important; margin-left: 5px !important; background: transparent !important; border: none !important; color: #2F7D3B !important; font-family: Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; transition: transform 0.2s ease !important; } /* Navigation hover */ .main-navigation li:hover > a, .main-navigation a:hover, .main-navigation a:focus { background-color: #ffffff !important; color: #111111 !important; text-decoration: underline !important; text-decoration-color: #111111 !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; outline: none !important; } /* Rotate dropdown arrow */ .main-navigation li.menu-item-has-children:hover > a::after, .main-navigation li.menu-item-has-children:focus-within > a::after, .main-navigation li.page_item_has_children:hover > a::after, .main-navigation li.page_item_has_children:focus-within > a::after { color: #2F7D3B !important; transform: rotate(180deg) !important; } /* Current menu item */ .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { background-color: #ffffff !important; color: #111111 !important; box-shadow: inset 0 -4px 0 #2F7D3B !important; } /* ========================================================= DROPDOWN MENUS ========================================================= */ .main-navigation ul ul { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; z-index: 99999 !important; min-width: 240px !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; color: #111111 !important; border: 2px solid #2F7D3B !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important; } .main-navigation li:hover > ul, .main-navigation li:focus-within > ul { display: block !important; } .main-navigation ul ul li { display: block !important; width: 100% !important; background-color: #ffffff !important; color: #111111 !important; border-right: none !important; border-bottom: 1px solid rgba(47, 125, 59, 0.2) !important; } .main-navigation ul ul li:last-child { border-bottom: none !important; } .main-navigation ul ul a { display: flex !important; justify-content: space-between !important; width: 100% !important; padding: 12px 16px !important; background-color: #ffffff !important; color: #111111 !important; font-size: 13pt !important; text-align: left !important; white-space: nowrap !important; } .main-navigation ul ul li:hover > a, .main-navigation ul ul a:hover, .main-navigation ul ul a:focus { background-color: #ffffff !important; color: #111111 !important; text-decoration: underline !important; text-decoration-color: #111111 !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; } /* Nested dropdown arrows */ .main-navigation ul ul li.menu-item-has-children > a::after, .main-navigation ul ul li.page_item_has_children > a::after { content: "▶" !important; color: #2F7D3B !important; transform: none !important; } .main-navigation ul ul ul { top: -2px !important; left: 100% !important; } /* ========================================================= MOBILE MENU BUTTON ========================================================= */ .menu-toggle { display: block !important; width: 100% !important; min-height: 44px !important; padding: 14px 18px !important; background-color: #ffffff !important; color: #111111 !important; border: 2px solid #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; } .menu-toggle:hover, .menu-toggle:focus { background-color: #ffffff !important; color: #111111 !important; text-decoration: underline !important; } /* ========================================================= REMOVE CATEGORY BADGES SITE-WIDE ========================================================= */ html body .figure-categories, html body div.figure-categories, html body span.figure-categories, html body ul.figure-categories, html body .post-thumbnail .figure-categories, html body .featured-image .figure-categories, html body .full-width-image .figure-categories, html body .data-bg .figure-categories, html body figure .figure-categories, html body .read-single .figure-categories, html body .list-style .figure-categories, html body .grid-item .figure-categories, html body .spotlight-post .figure-categories, html body .af-main-banner .figure-categories, html body .aft-trending-posts .figure-categories, html body article .figure-categories, html body .post-thumbnail + .figure-categories, html body .featured-image + .figure-categories, html body .full-width-image + .figure-categories, html body .data-bg + .figure-categories, html body figure + .figure-categories { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; overflow: hidden !important; pointer-events: none !important; } /* Additional CoverNews category classes */ .post-thumbnail .aft-post-cat, .featured-image .aft-post-cat, .full-width-image .aft-post-cat, .data-bg .aft-post-cat, figure .aft-post-cat, .post-thumbnail .post-category, .featured-image .post-category, .full-width-image .post-category, .data-bg .post-category, figure .post-category, .post-thumbnail .entry-category, .featured-image .entry-category, .full-width-image .entry-category, .data-bg .entry-category, figure .entry-category, .post-thumbnail .category-label, .featured-image .category-label, .full-width-image .category-label, .data-bg .category-label, figure .category-label { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } .figure-categories::before, .figure-categories::after, .figure-categories *::before, .figure-categories *::after, .aft-post-cat::before, .aft-post-cat::after { content: none !important; display: none !important; } /* ========================================================= POST TAGS ========================================================= */ .tags-links, .post-tags, .entry-tags { visibility: visible !important; opacity: 1 !important; color: #111111 !important; } .tags-links a, .post-tags a, .entry-tags a { display: inline-block !important; visibility: visible !important; opacity: 1 !important; background-color: #ffffff !important; color: #111111 !important; border: none !important; } /* ========================================================= RESPONSIVE TABLES ========================================================= */ .entry-content table, .comment-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; -webkit-overflow-scrolling: touch; } /* ========================================================= BUTTONS ========================================================= */ button, input[type="button"], input[type="reset"], input[type="submit"], .button, .wp-element-button, .wp-block-button__link, .read-more, .more-link, .pagination .page-numbers, .pagination .current { min-height: 44px; background-color: #ffffff !important; color: #111111 !important; border: 2px solid #2F7D3B !important; } button:hover, button:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .wp-element-button:hover, .wp-block-button__link:hover, .read-more:hover, .more-link:hover, .pagination .page-numbers:hover { background-color: #ffffff !important; color: #111111 !important; border-color: #2F7D3B !important; } /* ========================================================= FORM FIELDS ========================================================= */ input, textarea, select, option { max-width: 100%; background-color: #ffffff !important; color: #111111 !important; border-color: #2F7D3B !important; } textarea { width: 100%; resize: vertical; } input::placeholder, textarea::placeholder { color: #111111 !important; opacity: 0.72 !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #2F7D3B !important; outline-offset: 3px !important; } /* ========================================================= SECTION HEADINGS, TABLES AND LINES ========================================================= */ .widget-title, .section-title { background-color: #ffffff !important; color: #111111 !important; border-color: #2F7D3B !important; } table, th, td, hr, fieldset, blockquote { border-color: #2F7D3B !important; } hr { background-color: transparent !important; } /* ========================================================= ICONS AND DECORATIVE ELEMENTS ========================================================= */ svg, .icon, .fa, .fas, .far, .fab { color: #2F7D3B !important; fill: #2F7D3B !important; } /* ========================================================= TABLETS AND SMALL LAPTOPS ========================================================= */ @media screen and (max-width: 1024px) { .site-content, .content-area, .site-main, .main-content, .content-wrapper { width: 100% !important; max-width: 100% !important; } .entry-content, .entry-header{ padding-left: 20px !important; padding-right: 20px !important; } .main-navigation a { padding-left: 14px !important; padding-right: 14px !important; font-size: 16pt !important; } .single-post .entry-header .post-thumbnail.full-width-image { width: 65% !important; max-width: 65% !important; } } /* ========================================================= TABLETS AND PHONES ========================================================= */ @media screen and (max-width: 768px) { input, textarea, select { font-size: 16px !important; } .entry-content, .entry-header{ padding-left: 16px !important; padding-right: 16px !important; } .main-navigation li { display: block !important; width: 100% !important; border-right: none !important; border-bottom: 1px solid rgba(47, 125, 59, 0.2) !important; } .main-navigation a { justify-content: space-between !important; padding: 13px 16px !important; font-size: 16pt !important; text-align: left !important; } .main-navigation ul ul, .main-navigation ul ul ul { position: static !important; display: none !important; width: 100% !important; min-width: 100% !important; border-width: 1px 0 0 18px !important; box-shadow: none !important; } .main-navigation li:hover > ul, .main-navigation li:focus-within > ul { display: block !important; } .main-navigation ul ul a { padding-left: 28px !important; white-space: normal !important; } .main-navigation ul ul li.menu-item-has-children > a::after, .main-navigation ul ul li.page_item_has_children > a::after { content: "▼" !important; } .single-post .entry-header .post-thumbnail.full-width-image { width: 100% !important; max-width: 100% !important; } /* Headlines remain bold, centred and 15pt */ .entry-title, .entry-title a, .page-title, .page-title a, .archive-title, .archive-title a, .search-title, .search-title a, .post-title, .post-title a, .single-post .entry-title, .page .entry-title, article .entry-title { padding-left: 10px !important; padding-right: 10px !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } /* Article text becomes left-aligned on narrow screens */ .single-post .entry-content, .single-post .entry-content p, .single-post .entry-content li, .single-post .entry-content blockquote, .single-post .entry-content figcaption { text-align: left !important; } .wp-block-columns { flex-wrap: wrap !important; } .wp-block-column { flex-basis: 100% !important; width: 100% !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media screen and (max-width: 480px) { body { font-size: 16px; line-height: 1.6; } .entry-content, .entry-header{ padding-left: 12px !important; padding-right: 12px !important; } /* Headlines remain exactly 15pt Garamond */ .entry-title, .entry-title a, .page-title, .page-title a, .archive-title, .archive-title a, .search-title, .search-title a, .post-title, .post-title a, .single-post .entry-title, .page .entry-title, article .entry-title { font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } .main-navigation a { padding: 12px 14px !important; font-size: 13pt !important; } .main-navigation ul ul a { padding-left: 24px !important; font-size: 12.5pt !important; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .wp-element-button, .wp-block-button__link { width: 100%; } } /* ========================================================= LANDSCAPE PHONES ========================================================= */ @media screen and (max-height: 500px) and (orientation: landscape) { .main-navigation a { padding-top: 9px !important; padding-bottom: 9px !important; } .main-navigation ul ul { max-height: 70vh; overflow-y: auto; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* ========================================================= PRINT-FRIENDLY ARTICLES ========================================================= */ @media print { .main-navigation, .menu-toggle, .widget-area, .comments-area, .pagination{ display: none !important; } body, article, .entry-content, .entry-content * { background: #ffffff !important; color: #000000 !important; } .entry-title, .page-title, .archive-title, .search-title, .post-title { color: #000000 !important; font-family: Garamond, Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; text-align: center !important; } .single-post .entry-header .post-thumbnail.full-width-image { width: 60% !important; max-width: 60% !important; } a { color: #000000 !important; text-decoration: none !important; } } /* ========================================================= HOMEPAGE / LATEST POSTS — FOUR-COLUMN GRID ========================================================= Desktop: 4 columns Tablet: 2 columns Phone: 1 column Applies to the native CoverNews / WordPress latest-posts page. ========================================================= */ /* Make the homepage content use the full available width. */ body.home .content-area, body.home .site-main, body.front-page .content-area, body.front-page .site-main, body.page-id-76725 .content-area, body.page-id-76725 .site-main { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; } /* * CoverNews has used several wrapper names across versions. * These selectors cover the archive grid wrappers and also identify * the immediate parent that actually contains the post cards. */ body.home .site-main .af-container-row, body.home .site-main .aft-archive-wrapper, body.home .site-main .archive-posts, body.home .site-main .posts-wrapper, body.home .site-main .posts-wrap, body.home .site-main .content-list, body.home .site-main .row:has(> article), body.home .site-main *:has(> article.post), body.home .site-main *:has(> .read-single), body.home .site-main *:has(> .grid-item), body.front-page .site-main .af-container-row, body.front-page .site-main .aft-archive-wrapper, body.front-page .site-main .archive-posts, body.front-page .site-main .posts-wrapper, body.front-page .site-main .posts-wrap, body.front-page .site-main .content-list, body.front-page .site-main .row:has(> article), body.front-page .site-main *:has(> article.post), body.front-page .site-main *:has(> .read-single), body.front-page .site-main *:has(> .grid-item), body.page-id-76725 .site-main .af-container-row, body.page-id-76725 .site-main .aft-archive-wrapper, body.page-id-76725 .site-main .archive-posts, body.page-id-76725 .site-main .posts-wrapper, body.page-id-76725 .site-main .posts-wrap, body.page-id-76725 .site-main .content-list, body.page-id-76725 .site-main .row:has(> article), body.page-id-76725 .site-main *:has(> article.post), body.page-id-76725 .site-main *:has(> .read-single), body.page-id-76725 .site-main *:has(> .grid-item) { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 30px 22px !important; align-items: start !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } /* Remove theme column widths and the former 760px card width. */ body.home .site-main article, body.home .site-main .read-single, body.home .site-main .list-style, body.home .site-main .grid-item, body.front-page .site-main article, body.front-page .site-main .read-single, body.front-page .site-main .list-style, body.front-page .site-main .grid-item, body.page-id-76725 .site-main article, body.page-id-76725 .site-main .read-single, body.page-id-76725 .site-main .list-style, body.page-id-76725 .site-main .grid-item { display: flex !important; flex-direction: column !important; float: none !important; clear: none !important; grid-column: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-self: start !important; margin: 0 !important; padding: 0 0 24px !important; border-bottom: 2px solid #2F7D3B !important; box-sizing: border-box !important; text-align: center !important; } /* Override Bootstrap/theme width classes attached to post cards. */ body.home .site-main article[class*="col-"], body.home .site-main .read-single[class*="col-"], body.home .site-main .grid-item[class*="col-"], body.front-page .site-main article[class*="col-"], body.front-page .site-main .read-single[class*="col-"], body.front-page .site-main .grid-item[class*="col-"], body.page-id-76725 .site-main article[class*="col-"], body.page-id-76725 .site-main .read-single[class*="col-"], body.page-id-76725 .site-main .grid-item[class*="col-"] { flex: none !important; width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } /* Keep non-post elements across the full grid width. */ body.home .site-main .navigation, body.home .site-main .pagination, body.home .site-main .posts-navigation, body.home .site-main .page-header, body.home .site-main .archive-header, body.front-page .site-main .navigation, body.front-page .site-main .pagination, body.front-page .site-main .posts-navigation, body.front-page .site-main .page-header, body.front-page .site-main .archive-header, body.page-id-76725 .site-main .navigation, body.page-id-76725 .site-main .pagination, body.page-id-76725 .site-main .posts-navigation, body.page-id-76725 .site-main .page-header, body.page-id-76725 .site-main .archive-header { grid-column: 1 / -1 !important; width: 100% !important; } /* Featured images fill each card consistently. */ body.home .site-main article .post-thumbnail, body.home .site-main article .featured-image, body.home .site-main article .read-img, body.home .site-main article figure, body.front-page .site-main article .post-thumbnail, body.front-page .site-main article .featured-image, body.front-page .site-main article .read-img, body.front-page .site-main article figure, body.page-id-76725 .site-main article .post-thumbnail, body.page-id-76725 .site-main article .featured-image, body.page-id-76725 .site-main article .read-img, body.page-id-76725 .site-main article figure { width: 100% !important; max-width: 100% !important; margin: 0 0 14px !important; overflow: hidden !important; } body.home .site-main article .post-thumbnail img, body.home .site-main article .featured-image img, body.home .site-main article .read-img img, body.home .site-main article figure img, body.front-page .site-main article .post-thumbnail img, body.front-page .site-main article .featured-image img, body.front-page .site-main article .read-img img, body.front-page .site-main article figure img, body.page-id-76725 .site-main article .post-thumbnail img, body.page-id-76725 .site-main article .featured-image img, body.page-id-76725 .site-main article .read-img img, body.page-id-76725 .site-main article figure img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 300 / 157 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; } /* Homepage titles. */ body.home .site-main article .entry-title, body.home .site-main article .entry-title a, body.front-page .site-main article .entry-title, body.front-page .site-main article .entry-title a, body.page-id-76725 .site-main article .entry-title, body.page-id-76725 .site-main article .entry-title a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 7px auto 10px !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 18pt !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; } /* ========================================================= HOMEPAGE — FULL CONTENT, FIRST PARAGRAPH ONLY Theme setting must be: FULL CONTENT ========================================================= */ /* Hide any separate excerpt output to prevent duplicated or shortened text. */ body.home .site-main article .entry-summary, body.home .site-main article .post-excerpt, body.home .site-main article .aft-post-excerpt, body.home .site-main article .article-excerpt, body.home .site-main article .archive-excerpt, body.front-page .site-main article .entry-summary, body.front-page .site-main article .post-excerpt, body.front-page .site-main article .aft-post-excerpt, body.front-page .site-main article .article-excerpt, body.front-page .site-main article .archive-excerpt, body.page-id-76725 .site-main article .entry-summary, body.page-id-76725 .site-main article .post-excerpt, body.page-id-76725 .site-main article .aft-post-excerpt, body.page-id-76725 .site-main article .article-excerpt, body.page-id-76725 .site-main article .archive-excerpt { display: none !important; } /* Allow the full-content container to expand naturally. */ body.home .site-main article .entry-content, body.front-page .site-main article .entry-content, body.page-id-76725 .site-main article .entry-content { display: block !important; clear: both !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 8px auto 14px !important; padding: 0 !important; line-height: 1.55 !important; text-align: left !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; } /* Hide every direct content element except the first paragraph. */ body.home .site-main article .entry-content > *:not(p:first-of-type), body.front-page .site-main article .entry-content > *:not(p:first-of-type), body.page-id-76725 .site-main article .entry-content > *:not(p:first-of-type) { display: none !important; } /* Display the complete first paragraph without truncation. */ body.home .site-main article .entry-content > p:first-of-type, body.front-page .site-main article .entry-content > p:first-of-type, body.page-id-76725 .site-main article .entry-content > p:first-of-type { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; line-height: 1.55 !important; text-align: left !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; } /* Hide homepage publication dates. */ body.home .site-main article time, body.home .site-main article .posted-on, body.home .site-main article .post-date, body.front-page .site-main article time, body.front-page .site-main article .posted-on, body.front-page .site-main article .post-date, body.page-id-76725 .site-main article time, body.page-id-76725 .site-main article .posted-on, body.page-id-76725 .site-main article .post-date { display: none !important; } /* Keep Read More at the bottom of every card. */ body.home .site-main article .more-link, body.home .site-main article .read-more, body.home .site-main article .read-more-link, body.front-page .site-main article .more-link, body.front-page .site-main article .read-more, body.front-page .site-main article .read-more-link, body.page-id-76725 .site-main article .more-link, body.page-id-76725 .site-main article .read-more, body.page-id-76725 .site-main article .read-more-link { display: inline-block !important; align-self: center !important; width: auto !important; margin: auto auto 0 !important; text-align: center !important; } /* Tablet: two columns. */ @media screen and (max-width: 1100px) { body.home .site-main .af-container-row, body.home .site-main .aft-archive-wrapper, body.home .site-main .archive-posts, body.home .site-main .posts-wrapper, body.home .site-main .posts-wrap, body.home .site-main .content-list, body.home .site-main .row:has(> article), body.home .site-main *:has(> article.post), body.home .site-main *:has(> .read-single), body.home .site-main *:has(> .grid-item), body.front-page .site-main .af-container-row, body.front-page .site-main .aft-archive-wrapper, body.front-page .site-main .archive-posts, body.front-page .site-main .posts-wrapper, body.front-page .site-main .posts-wrap, body.front-page .site-main .content-list, body.front-page .site-main .row:has(> article), body.front-page .site-main *:has(> article.post), body.front-page .site-main *:has(> .read-single), body.front-page .site-main *:has(> .grid-item), body.page-id-76725 .site-main .af-container-row, body.page-id-76725 .site-main .aft-archive-wrapper, body.page-id-76725 .site-main .archive-posts, body.page-id-76725 .site-main .posts-wrapper, body.page-id-76725 .site-main .posts-wrap, body.page-id-76725 .site-main .content-list, body.page-id-76725 .site-main .row:has(> article), body.page-id-76725 .site-main *:has(> article.post), body.page-id-76725 .site-main *:has(> .read-single), body.page-id-76725 .site-main *:has(> .grid-item) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Phone: one column. */ @media screen and (max-width: 650px) { body.home .site-main .af-container-row, body.home .site-main .aft-archive-wrapper, body.home .site-main .archive-posts, body.home .site-main .posts-wrapper, body.home .site-main .posts-wrap, body.home .site-main .content-list, body.home .site-main .row:has(> article), body.home .site-main *:has(> article.post), body.home .site-main *:has(> .read-single), body.home .site-main *:has(> .grid-item), body.front-page .site-main .af-container-row, body.front-page .site-main .aft-archive-wrapper, body.front-page .site-main .archive-posts, body.front-page .site-main .posts-wrapper, body.front-page .site-main .posts-wrap, body.front-page .site-main .content-list, body.front-page .site-main .row:has(> article), body.front-page .site-main *:has(> article.post), body.front-page .site-main *:has(> .read-single), body.front-page .site-main *:has(> .grid-item), body.page-id-76725 .site-main .af-container-row, body.page-id-76725 .site-main .aft-archive-wrapper, body.page-id-76725 .site-main .archive-posts, body.page-id-76725 .site-main .posts-wrapper, body.page-id-76725 .site-main .posts-wrap, body.page-id-76725 .site-main .content-list, body.page-id-76725 .site-main .row:has(> article), body.page-id-76725 .site-main *:has(> article.post), body.page-id-76725 .site-main *:has(> .read-single), body.page-id-76725 .site-main *:has(> .grid-item) { grid-template-columns: 1fr !important; gap: 26px !important; } } /* ========================================================= RELOCATED LIMERICK ARCHIVES DATE LINE ========================================================= */ /* Style the “Limerick Archives — [date]” line after PHP moves it */ .single-post .limerick-archives-date { display: block !important; clear: both !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 32px auto 0 auto !important; padding: 16px 0 0 0 !important; color: #111111 !important; border-top: 1px solid #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 13pt !important; font-style: italic !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } /* Keep the relocated date line readable on phones */ @media screen and (max-width: 480px) { .single-post .limerick-archives-date { margin-top: 26px !important; padding-top: 14px !important; font-size: 12pt !important; line-height: 1.45 !important; } } /* ========================================================= CENTRED PRIMARY NAVIGATION OVERRIDE ========================================================= */ /* Centre the complete primary-menu container */ .main-navigation, .main-navigation .menu-primary-container, .main-navigation .primary-menu-container, .main-navigation .menu-main-menu-container, .main-navigation > div { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } /* Centre all first-level menu items as one group on desktop. CoverNews controls whether the menu is open or closed on mobile. */ @media screen and (min-width: 769px) { .main-navigation > div > ul, .main-navigation ul.menu, .main-navigation .menu, .main-navigation .primary-menu { display: flex !important; justify-content: center !important; align-items: stretch !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; } } /* Keep individual top-level items centred inside the menu group */ .main-navigation > div > ul > li, .main-navigation ul.menu > li, .main-navigation .primary-menu > li { display: block !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Preserve normal dropdown positioning */ .main-navigation ul ul { text-align: left !important; } /* Mobile navigation is controlled by the native CoverNews toggle. Do not force the menu container open here. */ @media screen and (max-width: 768px) { .main-navigation > div > ul > li, .main-navigation ul.menu > li, .main-navigation .primary-menu > li { width: 100% !important; } } /* ========================================================= INDIVIDUAL POSTS — HIDE REPEATED EXCERPTS ========================================================= Excerpts remain visible in the Welcome page post grid, archives and listing pages, but are hidden on the full individual post pages where they repeat the opening text. ========================================================= */ body.single-post .entry-summary, body.single-post .post-excerpt, body.single-post .aft-post-excerpt, body.single-post .article-excerpt, body.single-post .archive-excerpt, body.single-post .post-description, body.single-post .entry-header + .entry-summary, body.single-post article > .entry-summary, body.single-post .entry-content > .excerpt, body.single-post .entry-content > .post-excerpt { display: none !important; } /* ========================================================= INDIVIDUAL POST HEADINGS ========================================================= */ body.single-post h1, body.single-post h2, body.single-post h3, body.single-post h4, body.single-post h5, body.single-post h6 { color: #2F7D3B !important; font-family: Garamond, Georgia, serif !important; font-weight: 700 !important; } body.single-post h1.entry-title, body.single-post .entry-title, body.single-post .post-title, body.single-post .entry-header h1, body.single-post .entry-header .entry-title { color: #2F7D3B !important; font-size: 38px !important; line-height: 1.15 !important; font-weight: 700 !important; } body.single-post .entry-content h2, body.single-post .post-content h2, body.single-post .article-content h2 { color: #2F7D3B !important; font-size: 30px !important; line-height: 1.2 !important; } body.single-post .entry-content h3, body.single-post .post-content h3, body.single-post .article-content h3 { color: #2F7D3B !important; font-size: 25px !important; line-height: 1.25 !important; } body.single-post .entry-content h4, body.single-post .post-content h4, body.single-post .article-content h4 { color: #2F7D3B !important; font-size: 21px !important; line-height: 1.3 !important; } /* ========================================================= WEBSITE MENUS — REDUCED FONT SIZE ========================================================= */ .main-navigation a, .main-navigation .menu a, .main-navigation .primary-menu a, .site-header .menu a, .header-main .menu a, .top-navigation a, .secondary-navigation a, .widget_nav_menu a{ font-size: 14px !important; line-height: 1.3 !important; } .main-navigation .sub-menu a, .main-navigation ul ul a, .main-navigation .children a, .site-header .sub-menu a { font-size: 13px !important; line-height: 1.3 !important; } @media screen and (max-width: 768px) { body.single-post h1.entry-title, body.single-post .entry-title, body.single-post .post-title, body.single-post .entry-header h1, body.single-post .entry-header .entry-title { font-size: 30px !important; } body.single-post .entry-content h2, body.single-post .post-content h2, body.single-post .article-content h2 { font-size: 25px !important; } body.single-post .entry-content h3, body.single-post .post-content h3, body.single-post .article-content h3 { font-size: 22px !important; } .main-navigation a, .main-navigation .menu a, .main-navigation .primary-menu a, .main-navigation .sub-menu a, .main-navigation ul ul a, .main-navigation .children a, .site-header .menu a, .header-main .menu a, .top-navigation a, .secondary-navigation a, .widget_nav_menu a{ font-size: 13px !important; } } /* Restore full colour to the masthead and header */ .site-header img, .site-branding img, .custom-logo, .custom-logo-link img, .header-image img, .header-main img, .masthead img, #masthead img, .site-header .data-bg, .header-main .data-bg, .masthead .data-bg, #masthead .data-bg { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; mix-blend-mode: normal !important; } /* ========================================================= STATIC PAGES — FULL-COLOUR IMAGES ========================================================= This rule guarantees that images on the public page https://limerickarchives.com/limerick-generations/ remain in full colour. It applies to normal WordPress static pages only. Posts and category archives retain the archive greyscale. ========================================================= */ /* Standard images on all static WordPress pages. */ body.page:not(.home) .site-content img, body.page:not(.home) .content-area img, body.page:not(.home) .site-main img, body.page:not(.home) .main-content img, body.page:not(.home) article img, body.page:not(.home) .entry-content img, body.page:not(.home) .wp-block-post-content img, body.page:not(.home) .wp-block-image img, body.page:not(.home) .wp-block-media-text__media img, body.page:not(.home) .post-thumbnail img, body.page:not(.home) .featured-image img, body.page:not(.home) .full-width-image img, body.page:not(.home) .wp-post-image, body.page:not(.home) figure img, body.page:not(.home) picture img { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; visibility: visible !important; mix-blend-mode: normal !important; } /* Explicitly cancel inherited greyscale, contrast and brightness. */ body.page:not(.home) .entry-content img, body.page:not(.home) .wp-block-post-content img, body.page:not(.home) .wp-block-image img, body.page:not(.home) .wp-block-media-text__media img, body.page:not(.home) figure img, body.page:not(.home) picture img { -webkit-filter: grayscale(0%) contrast(100%) brightness(100%) !important; filter: grayscale(0%) contrast(100%) brightness(100%) !important; } /* WordPress Cover blocks and background images. */ body.page:not(.home) .wp-block-cover, body.page:not(.home) .wp-block-cover img, body.page:not(.home) .wp-block-cover__image-background, body.page:not(.home) .data-bg, body.page:not(.home) .aft-image, body.page:not(.home) .post-image, body.page:not(.home) .featured-post-image, body.page:not(.home) .read-img { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; visibility: visible !important; mix-blend-mode: normal !important; } /* Preserve full colour during hover and keyboard focus. */ body.page:not(.home) a:hover img, body.page:not(.home) a:focus img, body.page:not(.home) a:focus-visible img { -webkit-filter: grayscale(0%) contrast(100%) brightness(100%) !important; filter: grayscale(0%) contrast(100%) brightness(100%) !important; opacity: 1 !important; mix-blend-mode: normal !important; } /* ========================================================= ALL STANDARD WORDPRESS PAGES — 750PX CENTRED LAYOUT Homepage, posts and archive listings remain unchanged. ========================================================= */ body.page:not(.home):not(.front-page) .content-area, body.page:not(.home):not(.front-page) .site-main, body.page:not(.home):not(.front-page) article, body.page:not(.home):not(.front-page) .entry-header, body.page:not(.home):not(.front-page) .entry-content{ width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; box-sizing: border-box !important; } body.page:not(.home):not(.front-page) #secondary, body.page:not(.home):not(.front-page) #secondary.widget-area, body.page:not(.home):not(.front-page) aside.sidebar { display: none !important; } body.page:not(.home):not(.front-page) .entry-content { padding-left: 24px !important; padding-right: 24px !important; } body.page:not(.home):not(.front-page) .entry-content img { display: block !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: 768px) { body.page:not(.home):not(.front-page) .content-area, body.page:not(.home):not(.front-page) .site-main, body.page:not(.home):not(.front-page) article, body.page:not(.home):not(.front-page) .entry-header, body.page:not(.home):not(.front-page) .entry-content{ max-width: 100% !important; } body.page:not(.home):not(.front-page) .entry-content { padding-left: 16px !important; padding-right: 16px !important; } } /* ========================================================= RELIABLE FIXED HEADER SYSTEM — ALL DEVICES ========================================================= CoverNews and some mobile browsers prevent position: sticky from behaving reliably because of ancestor overflow and theme scrolling rules. The companion Limerick Archives plugin measures the complete header and writes its exact height into: --la-fixed-header-height The header is then fixed across desktop, tablet and phone, while the body receives an equal top offset. The masthead and menu therefore remain joined without covering page content. ========================================================= */ :root { --la-fixed-header-height: 0px; } /* Activate only after the companion plugin has measured the header. */ html body.la-fixed-site-header .header-layout-1 { position: fixed !important; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; z-index: 999999 !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; transform: none !important; overflow: visible !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10) !important; isolation: isolate !important; } /* * Reserve exactly the same amount of space as the fixed header. * This replaces any obsolete inline padding inserted by earlier * fixed-header code. */ html body.la-fixed-site-header, html body.la-fixed-site-header.home, html body.la-fixed-site-header.blog, html body.la-fixed-site-header.scrollup-sticky-header, html body.la-fixed-site-header.aft-sticky-header, html body.la-fixed-site-header[style*="padding-top"] { padding-top: var(--la-fixed-header-height) !important; } /* Keep the masthead in normal flow inside the fixed wrapper. */ html body.la-fixed-site-header #masthead, html body.la-fixed-site-header header.site-header, html body.la-fixed-site-header .site-header, html body.la-fixed-site-header #masthead.la-desktop-fixed-header, html body.la-fixed-site-header header.site-header.la-desktop-fixed-header, html body.la-fixed-site-header .site-header.la-desktop-fixed-header { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-bottom: 0 !important; background: #ffffff !important; background-color: #ffffff !important; transform: none !important; overflow: visible !important; box-shadow: none !important; } /* Keep the main menu joined to the masthead in normal flow. */ html body.la-fixed-site-header #masthead .main-navigation, html body.la-fixed-site-header .site-header .main-navigation, html body.la-fixed-site-header .la-desktop-fixed-header .main-navigation, html body.la-fixed-site-header #site-navigation, html body.la-fixed-site-header .main-navigation { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 1000000 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; transform: none !important; } /* Remove obsolete page offsets and prevent ancestor clipping. */ html body.la-fixed-site-header #page, html body.la-fixed-site-header .site { margin-top: 0 !important; padding-top: 0 !important; overflow: visible !important; } /* WordPress administration bar offsets. */ @media screen and (min-width: 783px) { html body.admin-bar.la-fixed-site-header .header-layout-1 { top: 32px !important; } } @media screen and (max-width: 782px) { html body.admin-bar.la-fixed-site-header .header-layout-1 { top: 46px !important; } } /* ========================================================= MOBILE MENU OPEN STATE ========================================================= A long opened menu scrolls inside the available screen height. The plugin remeasures the header as the menu opens and closes. ========================================================= */ @media screen and (max-width: 768px) { html body.la-fixed-site-header .header-layout-1:has( .toggle-menu a[aria-expanded="true"] ) { max-height: 100dvh !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; } html body.admin-bar.la-fixed-site-header .header-layout-1:has( .toggle-menu a[aria-expanded="true"] ) { max-height: calc(100dvh - 46px) !important; } } /* ========================================================= HOMEPAGE — ONE-COLUMN LATEST POSTS Keeps the homepage feed centred at a maximum width of 750px. ========================================================= */ body.home .content-area, body.home .site-main, body.front-page .content-area, body.front-page .site-main, body.page-id-76725 .content-area, body.page-id-76725 .site-main { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } body.home .site-main .af-container-row, body.home .site-main .aft-archive-wrapper, body.home .site-main .archive-posts, body.home .site-main .posts-wrapper, body.home .site-main .posts-wrap, body.home .site-main .content-list, body.home .site-main .row:has(> article), body.home .site-main *:has(> article.post), body.home .site-main *:has(> .read-single), body.home .site-main *:has(> .grid-item), body.front-page .site-main .af-container-row, body.front-page .site-main .aft-archive-wrapper, body.front-page .site-main .archive-posts, body.front-page .site-main .posts-wrapper, body.front-page .site-main .posts-wrap, body.front-page .site-main .content-list, body.front-page .site-main .row:has(> article), body.front-page .site-main *:has(> article.post), body.front-page .site-main *:has(> .read-single), body.front-page .site-main *:has(> .grid-item), body.page-id-76725 .site-main .af-container-row, body.page-id-76725 .site-main .aft-archive-wrapper, body.page-id-76725 .site-main .archive-posts, body.page-id-76725 .site-main .posts-wrapper, body.page-id-76725 .site-main .posts-wrap, body.page-id-76725 .site-main .content-list, body.page-id-76725 .site-main .row:has(> article), body.page-id-76725 .site-main *:has(> article.post), body.page-id-76725 .site-main *:has(> .read-single), body.page-id-76725 .site-main *:has(> .grid-item) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } body.home .site-main article, body.home .site-main .read-single, body.home .site-main .list-style, body.home .site-main .grid-item, body.front-page .site-main article, body.front-page .site-main .read-single, body.front-page .site-main .list-style, body.front-page .site-main .grid-item, body.page-id-76725 .site-main article, body.page-id-76725 .site-main .read-single, body.page-id-76725 .site-main .list-style, body.page-id-76725 .site-main .grid-item { grid-column: 1 !important; width: 100% !important; min-width: 0 !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; clear: both !important; } body.home .site-main article[class*="col-"], body.home .site-main .read-single[class*="col-"], body.home .site-main .grid-item[class*="col-"], body.front-page .site-main article[class*="col-"], body.front-page .site-main .read-single[class*="col-"], body.front-page .site-main .grid-item[class*="col-"], body.page-id-76725 .site-main article[class*="col-"], body.page-id-76725 .site-main .read-single[class*="col-"], body.page-id-76725 .site-main .grid-item[class*="col-"] { flex: none !important; width: 100% !important; max-width: 750px !important; padding-left: 0 !important; padding-right: 0 !important; } body.home .site-main .navigation, body.home .site-main .pagination, body.home .site-main .posts-navigation, body.home .site-main .page-header, body.home .site-main .archive-header, body.front-page .site-main .navigation, body.front-page .site-main .pagination, body.front-page .site-main .posts-navigation, body.front-page .site-main .page-header, body.front-page .site-main .archive-header, body.page-id-76725 .site-main .navigation, body.page-id-76725 .site-main .pagination, body.page-id-76725 .site-main .posts-navigation, body.page-id-76725 .site-main .page-header, body.page-id-76725 .site-main .archive-header { grid-column: 1 !important; width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: 768px) { body.home .site-main .af-container-row, body.home .site-main .aft-archive-wrapper, body.home .site-main .archive-posts, body.home .site-main .posts-wrapper, body.home .site-main .posts-wrap, body.home .site-main .content-list, body.home .site-main .row:has(> article), body.home .site-main *:has(> article.post), body.home .site-main *:has(> .read-single), body.home .site-main *:has(> .grid-item), body.front-page .site-main .af-container-row, body.front-page .site-main .aft-archive-wrapper, body.front-page .site-main .archive-posts, body.front-page .site-main .posts-wrapper, body.front-page .site-main .posts-wrap, body.front-page .site-main .content-list, body.front-page .site-main .row:has(> article), body.front-page .site-main *:has(> article.post), body.front-page .site-main *:has(> .read-single), body.front-page .site-main *:has(> .grid-item), body.page-id-76725 .site-main .af-container-row, body.page-id-76725 .site-main .aft-archive-wrapper, body.page-id-76725 .site-main .archive-posts, body.page-id-76725 .site-main .posts-wrapper, body.page-id-76725 .site-main .posts-wrap, body.page-id-76725 .site-main .content-list, body.page-id-76725 .site-main .row:has(> article), body.page-id-76725 .site-main *:has(> article.post), body.page-id-76725 .site-main *:has(> .read-single), body.page-id-76725 .site-main *:has(> .grid-item) { width: 100% !important; max-width: 100% !important; gap: 26px !important; } body.home .site-main article, body.home .site-main .read-single, body.home .site-main .list-style, body.home .site-main .grid-item, body.front-page .site-main article, body.front-page .site-main .read-single, body.front-page .site-main .list-style, body.front-page .site-main .grid-item, body.page-id-76725 .site-main article, body.page-id-76725 .site-main .read-single, body.page-id-76725 .site-main .list-style, body.page-id-76725 .site-main .grid-item { max-width: 100% !important; } } /* ========================================================= FINAL ARCHIVE / CATEGORY STRUCTURE OVERRIDE Keep this section at the very end of the stylesheet. Requires the separate PHP Code Snippets rule that adds: .historical-dateline, .historical-date-break and .historical-opening to generated excerpts. ========================================================= */ /* Keep each listing card separate. */ body.archive article, body.category article, body.search article, body.blog article { display: block !important; clear: both !important; margin: 0 0 38px 0 !important; padding: 0 0 28px 0 !important; } /* Headline on its own line. */ body.archive article .entry-title, body.category article .entry-title, body.search article .entry-title, body.blog article .entry-title, body.archive article h2, body.archive article h3, body.category article h2, body.category article h3 { display: block !important; clear: both !important; width: 100% !important; margin: 8px 0 6px 0 !important; padding: 0 !important; line-height: 1.2 !important; } body.archive article .entry-title a, body.category article .entry-title a, body.search article .entry-title a, body.blog article .entry-title a { display: block !important; } /* Author and post metadata on their own line. */ body.archive article .entry-meta, body.category article .entry-meta, body.search article .entry-meta, body.blog article .entry-meta, body.archive article .post-item-metadata, body.category article .post-item-metadata, body.archive article .post-meta, body.category article .post-meta { display: block !important; clear: both !important; width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.4 !important; } /* Hide the modern WordPress publication date but retain author details. */ body.archive article .posts-date, body.category article .posts-date, body.search article .posts-date, body.blog article .posts-date, body.archive article span.posts-date, body.category article span.posts-date, body.archive article .posted-on, body.category article .posted-on, body.archive article time.entry-date, body.category article time.entry-date, body.search article time.entry-date, body.blog article time.entry-date { display: none !important; } /* Excerpt beneath the metadata. */ body.archive article .entry-summary, body.category article .entry-summary, body.search article .entry-summary, body.blog article .entry-summary, body.archive article .entry-content, body.category article .entry-content, body.archive article .post-excerpt, body.category article .post-excerpt { display: block !important; clear: both !important; width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; white-space: normal !important; } /* Historical Limerick Archives dateline. */ body.archive .historical-dateline, body.category .historical-dateline, body.search .historical-dateline, body.blog .historical-dateline { display: block !important; clear: both !important; width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; color: #2F7D3B !important; font-weight: 700 !important; line-height: 1.4 !important; } /* Forced line break after the historical date. */ body.archive br.historical-date-break, body.category br.historical-date-break, body.search br.historical-date-break, body.blog br.historical-date-break { display: block !important; clear: both !important; content: "" !important; margin: 0 !important; } /* Opening LIMERICK dateline. */ body.archive .historical-opening, body.category .historical-opening, body.search .historical-opening, body.blog .historical-opening { display: inline !important; font-weight: 700 !important; } /* Prevent paragraph spacing from collapsing. */ body.archive article .entry-summary p, body.category article .entry-summary p, body.search article .entry-summary p, body.blog article .entry-summary p, body.archive article .entry-content p, body.category article .entry-content p { display: block !important; clear: both !important; margin: 0 0 10px 0 !important; padding: 0 !important; } /* Read More on its own line. */ body.archive article .read-more, body.category article .read-more, body.search article .read-more, body.blog article .read-more, body.archive article .aft-readmore-wrapper, body.category article .aft-readmore-wrapper, body.archive article a.more-link, body.category article a.more-link { display: block !important; clear: both !important; width: fit-content !important; margin-top: 12px !important; } /* Mobile refinements. */ @media screen and (max-width: 768px) { body.archive article .entry-title, body.category article .entry-title, body.search article .entry-title, body.blog article .entry-title { margin-bottom: 7px !important; } body.archive article .entry-meta, body.category article .entry-meta, body.search article .entry-meta, body.blog article .entry-meta { margin-bottom: 9px !important; } body.archive .historical-dateline, body.category .historical-dateline, body.search .historical-dateline, body.blog .historical-dateline { margin-bottom: 7px !important; } } /* ========================================================= READ ARTICLE / READ MORE LINK — FINAL OVERRIDE ========================================================= */ html body .site-main article .aft-readmore-wrapper, html body .site-main article .aft-readmore-wrapper a, html body .site-main article a.aft-readmore, html body .site-main article .read-more, html body .site-main article a.more-link, html body .site-main article .read-more-link, html body .site-main .post-description .aft-readmore-wrapper, html body .site-main .post-description .aft-readmore { font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; } html body .site-main article .aft-readmore-wrapper { display: block !important; clear: both !important; width: 100% !important; margin: 16px 0 0 !important; text-align: center !important; } html body .site-main article .aft-readmore-wrapper a.aft-readmore, html body .site-main article a.aft-readmore { display: inline-block !important; width: auto !important; min-height: 44px !important; padding: 8px 16px !important; color: #111111 !important; background: #ffffff !important; border: 2px solid #2F7D3B !important; text-decoration: none !important; } html body .site-main article .aft-readmore-wrapper a.aft-readmore:hover, html body .site-main article .aft-readmore-wrapper a.aft-readmore:focus, html body .site-main article a.aft-readmore:hover, html body .site-main article a.aft-readmore:focus { color: #111111 !important; background: #ffffff !important; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; } /* Preserve screen-reader-only text without enlarging or displaying it. */ html body .site-main article .aft-readmore-wrapper .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; font-size: 1px !important; } /* ========================================================= HOMEPAGE OPENING PARAGRAPHS — 16PT AND JUSTIFIED Targets the exact CoverNews description wrapper. ========================================================= */ html body.home .site-main .full-item-discription, html body.home .site-main .full-item-discription .post-description, html body.home .site-main .full-item-discription .post-description > p, html body.front-page .site-main .full-item-discription, html body.front-page .site-main .full-item-discription .post-description, html body.front-page .site-main .full-item-discription .post-description > p, html body.page-id-76725 .site-main .full-item-discription, html body.page-id-76725 .site-main .full-item-discription .post-description, html body.page-id-76725 .site-main .full-item-discription .post-description > p { font-size: 16pt !important; line-height: 1.65 !important; font-weight: 400 !important; text-align: justify !important; text-justify: inter-word !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* Keep the Read Article button at its larger size. */ html body.home .site-main .full-item-discription .aft-readmore-wrapper, html body.home .site-main .full-item-discription .aft-readmore, html body.front-page .site-main .full-item-discription .aft-readmore-wrapper, html body.front-page .site-main .full-item-discription .aft-readmore, html body.page-id-76725 .site-main .full-item-discription .aft-readmore-wrapper, html body.page-id-76725 .site-main .full-item-discription .aft-readmore { font-size: 22px !important; font-weight: 700 !important; line-height: 1.4 !important; } /* ========================================================= SITE-WIDE CONTENT WIDTH — FINAL OVERRIDE Widens all main content areas, including individual posts, pages, archives, categories and search results. ========================================================= */ html body .site-content, html body .content-area, html body .site-main, html body .main-content, html body .content-wrapper, html body.single-post .site-content, html body.single-post .content-area, html body.single-post .site-main, html body.single-post article, html body.page .site-content, html body.page .content-area, html body.page .site-main, html body.archive .site-content, html body.archive .content-area, html body.archive .site-main, html body.category .site-content, html body.category .content-area, html body.category .site-main, html body.tag .site-content, html body.tag .content-area, html body.tag .site-main, html body.author .site-content, html body.author .content-area, html body.author .site-main, html body.date .site-content, html body.date .content-area, html body.date .site-main, html body.search .site-content, html body.search .content-area, html body.search .site-main { width: 96% !important; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; } /* Keep individual post sections centred inside the wider layout. */ html body.single-post .entry-header, html body.single-post .entry-content{ width: 100% !important; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; } /* Preserve comfortable margins on tablets and phones. */ @media screen and (max-width: 768px) { html body .site-content, html body .content-area, html body .site-main, html body .main-content, html body .content-wrapper, html body.single-post article { width: 94% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } } /* ========================================================= FLOATING PREVIOUS AND NEXT ARROWS Aligned precisely outside the 750px article column. Individual post pages only. ========================================================= Left: Previous article Right: Next article Only the arrows are displayed. They sit 10px outside the article margins and never cover the post text. ========================================================= */ /* Preserve the real WordPress links but remove their ordinary bottom-of-post layout. */ body.single-post .post-navigation, body.single-post .posts-navigation, body.single-post .post-navigation .nav-links, body.single-post .posts-navigation .nav-links, body.single-post .post-navigation .nav-previous, body.single-post .post-navigation .nav-next, body.single-post .posts-navigation .nav-previous, body.single-post .posts-navigation .nav-next { width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; clear: none !important; overflow: visible !important; } /* ========================================================= DESKTOP AND LAPTOP ========================================================= */ @media screen and (min-width: 1025px) { /* Remove all theme-generated text and pseudo-elements. */ body.single-post .post-navigation .nav-previous a::before, body.single-post .post-navigation .nav-previous a::after, body.single-post .post-navigation .nav-next a::before, body.single-post .post-navigation .nav-next a::after, body.single-post .posts-navigation .nav-previous a::before, body.single-post .posts-navigation .nav-previous a::after, body.single-post .posts-navigation .nav-next a::before, body.single-post .posts-navigation .nav-next a::after, body.single-post .post-navigation .nav-previous a *::before, body.single-post .post-navigation .nav-previous a *::after, body.single-post .post-navigation .nav-next a *::before, body.single-post .post-navigation .nav-next a *::after, body.single-post .posts-navigation .nav-previous a *::before, body.single-post .posts-navigation .nav-previous a *::after, body.single-post .posts-navigation .nav-next a *::before, body.single-post .posts-navigation .nav-next a *::after { content: none !important; display: none !important; } body.single-post .post-navigation .nav-previous a *, body.single-post .post-navigation .nav-next a *, body.single-post .posts-navigation .nav-previous a *, body.single-post .posts-navigation .nav-next a * { display: none !important; } /* Shared arrow-button design. */ body.single-post .post-navigation .nav-previous a, body.single-post .post-navigation .nav-next a, body.single-post .posts-navigation .nav-previous a, body.single-post .posts-navigation .nav-next a { position: fixed !important; top: 50% !important; z-index: 99990 !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #2F7D3B !important; border-radius: 7px !important; color: #ffffff !important; background: #2F7D3B !important; background-color: #2F7D3B !important; font-size: 0 !important; line-height: 0 !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; /* * Hidden by default. The companion paragraph-boundary * plugin adds .la-paragraph-arrows-active to * only while the article paragraphs are on screen. */ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(-50%) scale(0.92) !important; transition: opacity 0.20s ease, visibility 0.20s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important; box-sizing: border-box !important; } /* * Show the arrows only between the first and last visible * paragraphs of the article. */ body.single-post.la-paragraph-arrows-active .post-navigation .nav-previous a, body.single-post.la-paragraph-arrows-active .post-navigation .nav-next a, body.single-post.la-paragraph-arrows-active .posts-navigation .nav-previous a, body.single-post.la-paragraph-arrows-active .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(-50%) scale(1) !important; } /* * The article column is 750px wide. Each 52px arrow sits * exactly 10px outside that column. */ body.single-post .post-navigation .nav-next a, body.single-post .posts-navigation .nav-next a { left: max(8px, calc(50vw - 437px)) !important; right: auto !important; } body.single-post .post-navigation .nav-previous a, body.single-post .posts-navigation .nav-previous a { right: max(8px, calc(50vw - 437px)) !important; left: auto !important; } /* * WordPress .nav-next points to the newer article, so it is * displayed as the left-facing Previous arrow. */ body.single-post .post-navigation .nav-next a::before, body.single-post .posts-navigation .nav-next a::before { content: "‹" !important; display: block !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 44px !important; font-weight: 400 !important; line-height: 1 !important; } /* * WordPress .nav-previous points to the older article, so it * is displayed as the right-facing Next arrow. */ body.single-post .post-navigation .nav-previous a::before, body.single-post .posts-navigation .nav-previous a::before { content: "›" !important; display: block !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 44px !important; font-weight: 400 !important; line-height: 1 !important; } /* Keep unused after pseudo-elements empty. */ body.single-post .post-navigation .nav-previous a::after, body.single-post .post-navigation .nav-next a::after, body.single-post .posts-navigation .nav-previous a::after, body.single-post .posts-navigation .nav-next a::after { content: none !important; display: none !important; } /* Hover and keyboard focus. */ body.single-post .post-navigation .nav-previous a:hover, body.single-post .post-navigation .nav-previous a:focus, body.single-post .post-navigation .nav-previous a:focus-visible, body.single-post .post-navigation .nav-next a:hover, body.single-post .post-navigation .nav-next a:focus, body.single-post .post-navigation .nav-next a:focus-visible, body.single-post .posts-navigation .nav-previous a:hover, body.single-post .posts-navigation .nav-previous a:focus, body.single-post .posts-navigation .nav-previous a:focus-visible, body.single-post .posts-navigation .nav-next a:hover, body.single-post .posts-navigation .nav-next a:focus, body.single-post .posts-navigation .nav-next a:focus-visible { color: #ffffff !important; background-color: #245F2D !important; border-color: #245F2D !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.30) !important; outline: 3px solid rgba(47, 125, 59, 0.25) !important; outline-offset: 2px !important; transform: translateY(-50%) scale(1.04) !important; } } /* ========================================================= TABLETS AND PHONES — COMPACT VISIBLE ARROWS ========================================================= The arrows remain visible on mobile devices while the article paragraphs are on screen. They are reduced in size and placed tightly against the screen edges so they do not cover the main reading column. ========================================================= */ @media screen and (max-width: 1024px) { body.single-post .post-navigation .nav-previous a, body.single-post .post-navigation .nav-next a, body.single-post .posts-navigation .nav-previous a, body.single-post .posts-navigation .nav-next a { position: fixed !important; top: 55% !important; z-index: 99990 !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #2F7D3B !important; color: #ffffff !important; background: rgba(47, 125, 59, 0.94) !important; background-color: rgba(47, 125, 59, 0.94) !important; font-size: 0 !important; line-height: 0 !important; text-decoration: none !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(-50%) scale(0.92) !important; transition: opacity 0.20s ease, visibility 0.20s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important; box-sizing: border-box !important; } /* Left-facing arrow: newer/previous article. */ body.single-post .post-navigation .nav-next a, body.single-post .posts-navigation .nav-next a { left: 2px !important; right: auto !important; border-left: 0 !important; border-radius: 0 7px 7px 0 !important; } /* Right-facing arrow: older/next article. */ body.single-post .post-navigation .nav-previous a, body.single-post .posts-navigation .nav-previous a { right: 2px !important; left: auto !important; border-right: 0 !important; border-radius: 7px 0 0 7px !important; } /* Remove all theme-generated text and duplicate labels. */ body.single-post .post-navigation .nav-previous a *, body.single-post .post-navigation .nav-next a *, body.single-post .posts-navigation .nav-previous a *, body.single-post .posts-navigation .nav-next a * { display: none !important; } body.single-post .post-navigation .nav-previous a::after, body.single-post .post-navigation .nav-next a::after, body.single-post .posts-navigation .nav-previous a::after, body.single-post .posts-navigation .nav-next a::after { content: none !important; display: none !important; } /* Mobile arrow symbols. */ body.single-post .post-navigation .nav-next a::before, body.single-post .posts-navigation .nav-next a::before { content: "‹" !important; display: block !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 38px !important; font-weight: 400 !important; line-height: 1 !important; } body.single-post .post-navigation .nav-previous a::before, body.single-post .posts-navigation .nav-previous a::before { content: "›" !important; display: block !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 38px !important; font-weight: 400 !important; line-height: 1 !important; } /* * The companion plugin adds this class only while the * first-to-last paragraph region is visible. */ body.single-post.la-paragraph-arrows-active .post-navigation .nav-previous a, body.single-post.la-paragraph-arrows-active .post-navigation .nav-next a, body.single-post.la-paragraph-arrows-active .posts-navigation .nav-previous a, body.single-post.la-paragraph-arrows-active .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(-50%) scale(1) !important; } /* Touch and keyboard feedback. */ body.single-post .post-navigation .nav-previous a:active, body.single-post .post-navigation .nav-next a:active, body.single-post .posts-navigation .nav-previous a:active, body.single-post .posts-navigation .nav-next a:active, body.single-post .post-navigation .nav-previous a:focus, body.single-post .post-navigation .nav-next a:focus, body.single-post .posts-navigation .nav-previous a:focus, body.single-post .posts-navigation .nav-next a:focus { background-color: #245F2D !important; border-color: #245F2D !important; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.30) !important; outline: 2px solid rgba(47, 125, 59, 0.24) !important; outline-offset: 1px !important; } } /* Extra-small phones use slightly narrower controls. */ @media screen and (max-width: 420px) { body.single-post .post-navigation .nav-previous a, body.single-post .post-navigation .nav-next a, body.single-post .posts-navigation .nav-previous a, body.single-post .posts-navigation .nav-next a { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; } body.single-post .post-navigation .nav-next a::before, body.single-post .posts-navigation .nav-next a::before, body.single-post .post-navigation .nav-previous a::before, body.single-post .posts-navigation .nav-previous a::before { font-size: 34px !important; } } /* Respect visitors who prefer reduced motion. */ @media (prefers-reduced-motion: reduce) { body.single-post .post-navigation .nav-previous a, body.single-post .post-navigation .nav-next a, body.single-post .posts-navigation .nav-previous a, body.single-post .posts-navigation .nav-next a { transition: none !important; } } /* ========================================================= CATEGORY AND ARCHIVE PAGES — ONE COLUMN Applies to category, subcategory, tag, author, date and search-result listing pages. ========================================================= */ body.category .archive-layout, body.category .posts-container, body.category .site-main .row, body.archive .archive-layout, body.archive .posts-container, body.archive .site-main .row, body.tag .archive-layout, body.tag .posts-container, body.tag .site-main .row, body.author .archive-layout, body.author .posts-container, body.author .site-main .row, body.date .archive-layout, body.date .posts-container, body.date .site-main .row, body.search .archive-layout, body.search .posts-container, body.search .site-main .row { display: block !important; width: 100% !important; max-width: 100% !important; } /* Force every archive story tile to occupy a full row. */ body.category article, body.category .archive-layout article, body.category .posts-container article, body.category .site-main .col-md-3, body.category .site-main .col-md-4, body.category .site-main .col-md-6, body.category .site-main .col-lg-3, body.category .site-main .col-lg-4, body.category .site-main .col-lg-6, body.archive article, body.archive .archive-layout article, body.archive .posts-container article, body.archive .site-main .col-md-3, body.archive .site-main .col-md-4, body.archive .site-main .col-md-6, body.archive .site-main .col-lg-3, body.archive .site-main .col-lg-4, body.archive .site-main .col-lg-6, body.tag article, body.author article, body.date article, body.search article { float: none !important; clear: both !important; display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 36px !important; } /* Keep each story contained and prevent visual overlap. */ body.category article, body.archive article, body.tag article, body.author article, body.date article, body.search article { overflow: hidden !important; box-sizing: border-box !important; } /* Allow images and text to remain within the full-width tile. */ body.category article img, body.archive article img, body.tag article img, body.author article img, body.date article img, body.search article img { max-width: 100% !important; height: auto !important; } /* Remove theme floats that can cause archive tiles to collide. */ body.category .archive-image, body.category .post-thumbnail, body.category .entry-content, body.category .post-description, body.archive .archive-image, body.archive .post-thumbnail, body.archive .entry-content, body.archive .post-description, body.tag .archive-image, body.tag .post-thumbnail, body.author .archive-image, body.author .post-thumbnail, body.date .archive-image, body.date .post-thumbnail, body.search .archive-image, body.search .post-thumbnail { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; } /* Maintain one-column layout on every screen size. */ @media screen and (max-width: 1200px) { body.category article, body.archive article, body.tag article, body.author article, body.date article, body.search article { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } } /* ========================================================= ARCHIVE IMAGES — MATCH HOMEPAGE SIZE Centres category and archive feeds at the same 750px maximum width used by the homepage. ========================================================= */ body.category .content-area, body.category .site-main, body.archive .content-area, body.archive .site-main, body.tag .content-area, body.tag .site-main, body.author .content-area, body.author .site-main, body.date .content-area, body.date .site-main, body.search .content-area, body.search .site-main { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } body.category .site-main article, body.category .site-main .read-single, body.category .site-main .list-style, body.category .site-main .grid-item, body.archive .site-main article, body.archive .site-main .read-single, body.archive .site-main .list-style, body.archive .site-main .grid-item, body.tag .site-main article, body.author .site-main article, body.date .site-main article, body.search .site-main article { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; clear: both !important; } /* Match the homepage featured-image container. */ body.category .site-main article .post-thumbnail, body.category .site-main article .featured-image, body.category .site-main article .read-img, body.category .site-main article figure, body.archive .site-main article .post-thumbnail, body.archive .site-main article .featured-image, body.archive .site-main article .read-img, body.archive .site-main article figure, body.tag .site-main article .post-thumbnail, body.author .site-main article .post-thumbnail, body.date .site-main article .post-thumbnail, body.search .site-main article .post-thumbnail { width: 100% !important; max-width: 750px !important; margin: 0 0 14px !important; overflow: hidden !important; } /* Match the homepage image dimensions and crop. */ body.category .site-main article .post-thumbnail img, body.category .site-main article .featured-image img, body.category .site-main article .read-img img, body.category .site-main article figure img, body.archive .site-main article .post-thumbnail img, body.archive .site-main article .featured-image img, body.archive .site-main article .read-img img, body.archive .site-main article figure img, body.tag .site-main article .post-thumbnail img, body.author .site-main article .post-thumbnail img, body.date .site-main article .post-thumbnail img, body.search .site-main article .post-thumbnail img { display: block !important; width: 100% !important; max-width: 750px !important; height: auto !important; aspect-ratio: 300 / 157 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; } /* Keep archive headings and pagination aligned with the feed. */ body.category .page-header, body.category .archive-header, body.category .navigation, body.category .pagination, body.archive .page-header, body.archive .archive-header, body.archive .navigation, body.archive .pagination, body.tag .page-header, body.author .page-header, body.date .page-header, body.search .page-header { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; } /* Responsive width on smaller screens. */ @media screen and (max-width: 800px) { body.category .site-main article, body.archive .site-main article, body.tag .site-main article, body.author .site-main article, body.date .site-main article, body.search .site-main article, body.category .page-header, body.archive .page-header, body.tag .page-header, body.author .page-header, body.date .page-header, body.search .page-header { width: 94% !important; max-width: 750px !important; } } /* ========================================================= CATEGORY PAGES — HIDE TOP TITLE AND INTRO TEXT Final override for category and subcategory archive pages. ========================================================= */ body.category .page-header, body.category .archive-header, body.category .archive-title, body.category .page-title, body.category .taxonomy-description, body.category .archive-description, body.category .category-description, body.category .page-header p, body.category .archive-header p { display: none !important; } /* Remove any empty space left behind. */ body.category .page-header, body.category .archive-header { margin: 0 !important; padding: 0 !important; width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; border: 0 !important; overflow: hidden !important; } /* Prevent surrounding category-header wrappers from retaining spacing. */ body.category .site-main > .page-header, body.category .site-main > .archive-header, body.category .content-area > .page-header, body.category .content-area > .archive-header { margin: 0 !important; padding: 0 !important; } /* ========================================================= CATEGORY PAGE CONTENT ALIGNMENT — FINAL OVERRIDE Centres article titles and author details. Justifies article excerpt text. ========================================================= */ /* Centre story titles on category and subcategory pages. */ body.category .site-main article .entry-title, body.category .site-main article .entry-title a, body.category .site-main article .post-title, body.category .site-main article .post-title a, body.category .site-main article h2, body.category .site-main article h2 a, body.category .site-main article h3, body.category .site-main article h3 a { text-align: center !important; } /* Centre author and post-meta information. */ body.category .site-main article .entry-meta, body.category .site-main article .post-meta, body.category .site-main article .author-links, body.category .site-main article .author-name, body.category .site-main article .byline, body.category .site-main article .aft-post-excerpt-and-meta, body.category .site-main article .aft-post-excerpt-and-meta .entry-meta { display: block !important; width: 100% !important; text-align: center !important; } /* Ensure links and inline author elements inherit the centred alignment. */ body.category .site-main article .entry-meta a, body.category .site-main article .post-meta a, body.category .site-main article .author-links a, body.category .site-main article .author-name a, body.category .site-main article .byline a { text-align: center !important; } /* Justify the story excerpt and opening paragraph text. */ body.category .site-main article .entry-content, body.category .site-main article .entry-summary, body.category .site-main article .post-description, body.category .site-main article .full-item-discription, body.category .site-main article .full-item-discription p, body.category .site-main article .post-description p, body.category .site-main article .entry-summary p, body.category .site-main article .entry-content p { text-align: justify !important; text-justify: inter-word !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ========================================================= CATEGORY PAGE POST SEPARATORS — FINAL OVERRIDE Adds a clear divider between posts on category and subcategory archive pages. ========================================================= */ body.category .site-main article { position: relative !important; margin-bottom: 42px !important; padding-bottom: 42px !important; border-bottom: 2px solid #2F7D3B !important; } /* Remove the separator after the final visible post. */ body.category .site-main article:last-of-type { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Keep separators aligned with the 750px archive width. */ body.category .site-main article::after { content: none !important; } /* Slightly reduce spacing on phones. */ @media screen and (max-width: 768px) { body.category .site-main article { margin-bottom: 30px !important; padding-bottom: 30px !important; } } /* ========================================================= FINAL APPROVED OVERRIDES ========================================================= */ /* ========================================================= HOMEPAGE — ONE-COLUMN LAYOUT AT ALL SCREEN SIZES Overrides the original four-column and tablet rules. ========================================================= */ body.home .site-main .af-container-row, body.home .site-main .aft-archive-wrapper, body.home .site-main .archive-posts, body.home .site-main .posts-wrapper, body.home .site-main .posts-wrap, body.home .site-main .content-list, body.home .site-main .row:has(> article), body.home .site-main *:has(> article.post), body.home .site-main *:has(> .read-single), body.home .site-main *:has(> .grid-item), body.front-page .site-main .af-container-row, body.front-page .site-main .aft-archive-wrapper, body.front-page .site-main .archive-posts, body.front-page .site-main .posts-wrapper, body.front-page .site-main .posts-wrap, body.front-page .site-main .content-list, body.front-page .site-main .row:has(> article), body.front-page .site-main *:has(> article.post), body.front-page .site-main *:has(> .read-single), body.front-page .site-main *:has(> .grid-item), body.page-id-76725 .site-main .af-container-row, body.page-id-76725 .site-main .aft-archive-wrapper, body.page-id-76725 .site-main .archive-posts, body.page-id-76725 .site-main .posts-wrapper, body.page-id-76725 .site-main .posts-wrap, body.page-id-76725 .site-main .content-list, body.page-id-76725 .site-main .row:has(> article), body.page-id-76725 .site-main *:has(> article.post), body.page-id-76725 .site-main *:has(> .read-single), body.page-id-76725 .site-main *:has(> .grid-item) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 30px !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* Keep homepage cards in one centred reading column. */ body.home .site-main article, body.home .site-main .read-single, body.home .site-main .list-style, body.home .site-main .grid-item, body.front-page .site-main article, body.front-page .site-main .read-single, body.front-page .site-main .list-style, body.front-page .site-main .grid-item, body.page-id-76725 .site-main article, body.page-id-76725 .site-main .read-single, body.page-id-76725 .site-main .list-style, body.page-id-76725 .site-main .grid-item { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================================= STANDARD PAGES — 750PX NARROW CENTRED LAYOUT Homepage and front page remain controlled separately. ========================================================= */ body.page:not(.home):not(.front-page) .content-area, body.page:not(.home):not(.front-page) .site-main, body.page:not(.home):not(.front-page) article, body.page:not(.home):not(.front-page) .entry-header, body.page:not(.home):not(.front-page) .entry-content{ width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; box-sizing: border-box !important; } body.page:not(.home):not(.front-page) #secondary, body.page:not(.home):not(.front-page) #secondary.widget-area, body.page:not(.home):not(.front-page) aside.sidebar { display: none !important; } body.page:not(.home):not(.front-page) .entry-content { padding-left: 24px !important; padding-right: 24px !important; } body.page:not(.home):not(.front-page) .entry-content img { display: block !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================================= CATEGORY PAGES — HIDE TOP TITLE AND INTRODUCTORY TEXT ========================================================= */ body.category .page-header, body.category .archive-header, body.category header.page-header, body.category header.archive-header, body.category .archive-page-header, body.category .taxonomy-header, body.category .category-header, body.category .site-main > .page-title, body.category .site-main > .archive-title, body.category .site-main > .category-title, body.category .site-main > .taxonomy-description, body.category .site-main > .archive-description, body.category .site-main > .category-description, body.category .content-area > .page-title, body.category .content-area > .archive-title, body.category .content-area > .category-title, body.category .content-area > .taxonomy-description, body.category .content-area > .archive-description, body.category .content-area > .category-description { display: none !important; visibility: hidden !important; width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: hidden !important; } body.category .site-main, body.category .content-area { padding-top: 0 !important; } body.category .site-main > :first-child, body.category .content-area > :first-child { margin-top: 0 !important; } /* ========================================================= INDIVIDUAL POSTS — PRIMARY SOURCES HEADING Automatically appears above the final ordered list. ========================================================= */ body.single-post .entry-content > ol:last-of-type::before { content: "PRIMARY SOURCES"; display: block !important; width: 100% !important; margin: 32px 0 18px !important; padding: 12px 0 10px !important; color: #2F7D3B !important; border-top: 2px solid #2F7D3B !important; border-bottom: 1px solid #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.5px !important; text-align: center !important; } /* ========================================================= MOBILE REFINEMENTS FOR NARROW PAGES AND HOMEPAGE ========================================================= */ @media screen and (max-width: 768px) { body.page:not(.home):not(.front-page) .content-area, body.page:not(.home):not(.front-page) .site-main, body.page:not(.home):not(.front-page) article, body.page:not(.home):not(.front-page) .entry-header, body.page:not(.home):not(.front-page) .entry-content, body.home .site-main article, body.home .site-main .read-single, body.home .site-main .list-style, body.home .site-main .grid-item, body.front-page .site-main article, body.front-page .site-main .read-single, body.front-page .site-main .list-style, body.front-page .site-main .grid-item, body.page-id-76725 .site-main article, body.page-id-76725 .site-main .read-single, body.page-id-76725 .site-main .list-style, body.page-id-76725 .site-main .grid-item{ max-width: 100% !important; } body.page:not(.home):not(.front-page) .entry-content { padding-left: 16px !important; padding-right: 16px !important; } } body.tag .site-main article .post-thumbnail, body.tag .site-main article .featured-image, body.tag .site-main article .read-img, body.tag .site-main article figure { display: block !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } body.tag .site-main article .post-thumbnail a, body.tag .site-main article .featured-image a, body.tag .site-main article .read-img a, body.tag .site-main article figure a { display: inline-block !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } body.tag .site-main article .post-thumbnail img, body.tag .site-main article .featured-image img, body.tag .site-main article .read-img img, body.tag .site-main article figure img { display: block !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } body.tag .page-header, body.tag .archive-header, body.tag .archive-title, body.tag .page-title, body.tag .taxonomy-description, body.tag .archive-description { display: none !important; } /* ========================================================= TAG ARCHIVE POSTS — TITLE, AUTHOR AND EXCERPT ALIGNMENT Matches the homepage presentation. ========================================================= */ /* Centre each post title on tag archive pages. */ body.tag .site-main article .entry-title, body.tag .site-main article .entry-title a, body.tag .site-main article h2, body.tag .site-main article h2 a, body.tag .site-main article h3, body.tag .site-main article h3 a { text-align: center !important; } /* Centre the author and post metadata. */ body.tag .site-main article .entry-meta, body.tag .site-main article .entry-meta a, body.tag .site-main article .author-links, body.tag .site-main article .author-name, body.tag .site-main article .post-author, body.tag .site-main article .byline { text-align: center !important; } /* Justify the post excerpt and summary text. */ body.tag .site-main article .entry-summary, body.tag .site-main article .entry-summary p, body.tag .site-main article .entry-content, body.tag .site-main article .entry-content p, body.tag .site-main article .post-excerpt, body.tag .site-main article .post-excerpt p { text-align: justify !important; text-justify: inter-word !important; } /* ========================================================= TAG ARCHIVE POSTS — FORCE AUTHOR/METADATA CENTRED ========================================================= */ body.tag .site-main article .entry-meta, body.tag .site-main article .post-item-metadata, body.tag .site-main article .post-item-metadata ul, body.tag .site-main article .post-item-metadata li, body.tag .site-main article .aft-comment-view-share, body.tag .site-main article .author-links, body.tag .site-main article .byline { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } body.tag .site-main article .entry-meta *, body.tag .site-main article .post-item-metadata *, body.tag .site-main article .author-links *, body.tag .site-main article .byline * { text-align: center !important; } body.tag .site-main article .entry-meta a, body.tag .site-main article .post-item-metadata a, body.tag .site-main article .author-links a, body.tag .site-main article .byline a { display: inline-block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================================= UNIFORM POST EXCERPT TYPOGRAPHY AND SPACING — ENTIRE SITE Matches the homepage preview text measurements: font-size: clamp(16px, 1.1vw, 18px) line-height: 1.55 outer margin: 8px auto 14px ========================================================= */ /* Apply homepage excerpt measurements to all post summaries. */ .site-main article .entry-summary, .site-main article .post-excerpt, .site-main article .aft-post-excerpt, .site-main article .article-excerpt, .site-main article .archive-excerpt, .site-main article .aft-post-excerpt-and-meta { display: block !important; width: 100% !important; max-width: 100% !important; margin: 8px auto 14px !important; padding: 0 !important; font-size: clamp(16px, 1.1vw, 18px) !important; line-height: 1.55 !important; box-sizing: border-box !important; } /* Apply the same measurements to paragraphs inside summaries. */ .site-main article .entry-summary p, .site-main article .post-excerpt p, .site-main article .aft-post-excerpt p, .site-main article .article-excerpt p, .site-main article .archive-excerpt p, .site-main article .aft-post-excerpt-and-meta p { font-size: inherit !important; line-height: inherit !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; } /* * Some archive templates output preview text through .entry-content * rather than a dedicated excerpt container. Apply the same sizing * only on listing pages, leaving individual post/page content intact. */ body.home .site-main article .entry-content, body.front-page .site-main article .entry-content, body.blog .site-main article .entry-content, body.archive .site-main article .entry-content, body.category .site-main article .entry-content, body.tag .site-main article .entry-content, body.search .site-main article .entry-content, body.author .site-main article .entry-content, body.date .site-main article .entry-content { margin: 8px auto 14px !important; padding: 0 !important; font-size: clamp(16px, 1.1vw, 18px) !important; line-height: 1.55 !important; } /* Keep listing-page preview paragraphs consistent. */ body.home .site-main article .entry-content p, body.front-page .site-main article .entry-content p, body.blog .site-main article .entry-content p, body.archive .site-main article .entry-content p, body.category .site-main article .entry-content p, body.tag .site-main article .entry-content p, body.search .site-main article .entry-content p, body.author .site-main article .entry-content p, body.date .site-main article .entry-content p { font-size: inherit !important; line-height: inherit !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; } /* ========================================================= HOMEPAGE POST STYLE — ALL POST LISTING PAGES Applies the homepage visual treatment to: blog, category, tag, search, author and date archives. Individual posts and ordinary page content remain intact. ========================================================= */ /* Listing-page post cards use the same structure and spacing. */ body.blog .site-main article, body.archive .site-main article, body.category .site-main article, body.tag .site-main article, body.search .site-main article, body.author .site-main article, body.date .site-main article { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: 750px !important; height: auto !important; margin: 0 auto 30px !important; padding: 0 0 24px !important; float: none !important; clear: both !important; border-bottom: 2px solid #2F7D3B !important; text-align: center !important; box-sizing: border-box !important; } /* Remove inherited Bootstrap widths from listing cards. */ body.blog .site-main article[class*="col-"], body.archive .site-main article[class*="col-"], body.category .site-main article[class*="col-"], body.tag .site-main article[class*="col-"], body.search .site-main article[class*="col-"], body.author .site-main article[class*="col-"], body.date .site-main article[class*="col-"] { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; } /* Post images match the homepage dimensions and spacing. */ body.blog .site-main article .post-thumbnail, body.blog .site-main article .featured-image, body.blog .site-main article .read-img, body.blog .site-main article figure, body.archive .site-main article .post-thumbnail, body.archive .site-main article .featured-image, body.archive .site-main article .read-img, body.archive .site-main article figure, body.category .site-main article .post-thumbnail, body.category .site-main article .featured-image, body.category .site-main article .read-img, body.category .site-main article figure, body.tag .site-main article .post-thumbnail, body.tag .site-main article .featured-image, body.tag .site-main article .read-img, body.tag .site-main article figure, body.search .site-main article .post-thumbnail, body.search .site-main article .featured-image, body.search .site-main article .read-img, body.search .site-main article figure, body.author .site-main article .post-thumbnail, body.author .site-main article .featured-image, body.author .site-main article .read-img, body.author .site-main article figure, body.date .site-main article .post-thumbnail, body.date .site-main article .featured-image, body.date .site-main article .read-img, body.date .site-main article figure { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 14px !important; padding: 0 !important; text-align: center !important; overflow: hidden !important; } body.blog .site-main article .post-thumbnail img, body.blog .site-main article .featured-image img, body.blog .site-main article .read-img img, body.blog .site-main article figure img, body.archive .site-main article .post-thumbnail img, body.archive .site-main article .featured-image img, body.archive .site-main article .read-img img, body.archive .site-main article figure img, body.category .site-main article .post-thumbnail img, body.category .site-main article .featured-image img, body.category .site-main article .read-img img, body.category .site-main article figure img, body.tag .site-main article .post-thumbnail img, body.tag .site-main article .featured-image img, body.tag .site-main article .read-img img, body.tag .site-main article figure img, body.search .site-main article .post-thumbnail img, body.search .site-main article .featured-image img, body.search .site-main article .read-img img, body.search .site-main article figure img, body.author .site-main article .post-thumbnail img, body.author .site-main article .featured-image img, body.author .site-main article .read-img img, body.author .site-main article figure img, body.date .site-main article .post-thumbnail img, body.date .site-main article .featured-image img, body.date .site-main article .read-img img, body.date .site-main article figure img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 300 / 157 !important; margin: 0 auto !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; } /* Titles match the homepage typography. */ body.blog .site-main article .entry-title, body.blog .site-main article .entry-title a, body.archive .site-main article .entry-title, body.archive .site-main article .entry-title a, body.category .site-main article .entry-title, body.category .site-main article .entry-title a, body.tag .site-main article .entry-title, body.tag .site-main article .entry-title a, body.search .site-main article .entry-title, body.search .site-main article .entry-title a, body.author .site-main article .entry-title, body.author .site-main article .entry-title a, body.date .site-main article .entry-title, body.date .site-main article .entry-title a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 7px auto 10px !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 18pt !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; } /* Author and metadata match the centred homepage treatment. */ body.blog .site-main article .entry-meta, body.blog .site-main article .post-item-metadata, body.archive .site-main article .entry-meta, body.archive .site-main article .post-item-metadata, body.category .site-main article .entry-meta, body.category .site-main article .post-item-metadata, body.tag .site-main article .entry-meta, body.tag .site-main article .post-item-metadata, body.search .site-main article .entry-meta, body.search .site-main article .post-item-metadata, body.author .site-main article .entry-meta, body.author .site-main article .post-item-metadata, body.date .site-main article .entry-meta, body.date .site-main article .post-item-metadata { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 8px !important; padding: 0 !important; text-align: center !important; } body.blog .site-main article .entry-meta *, body.blog .site-main article .post-item-metadata *, body.archive .site-main article .entry-meta *, body.archive .site-main article .post-item-metadata *, body.category .site-main article .entry-meta *, body.category .site-main article .post-item-metadata *, body.tag .site-main article .entry-meta *, body.tag .site-main article .post-item-metadata *, body.search .site-main article .entry-meta *, body.search .site-main article .post-item-metadata *, body.author .site-main article .entry-meta *, body.author .site-main article .post-item-metadata *, body.date .site-main article .entry-meta *, body.date .site-main article .post-item-metadata * { text-align: center !important; } /* Excerpts match homepage font, width, spacing and justification. */ body.blog .site-main article .entry-summary, body.blog .site-main article .post-excerpt, body.blog .site-main article .aft-post-excerpt, body.blog .site-main article .article-excerpt, body.blog .site-main article .archive-excerpt, body.archive .site-main article .entry-summary, body.archive .site-main article .post-excerpt, body.archive .site-main article .aft-post-excerpt, body.archive .site-main article .article-excerpt, body.archive .site-main article .archive-excerpt, body.category .site-main article .entry-summary, body.category .site-main article .post-excerpt, body.category .site-main article .aft-post-excerpt, body.category .site-main article .article-excerpt, body.category .site-main article .archive-excerpt, body.tag .site-main article .entry-summary, body.tag .site-main article .post-excerpt, body.tag .site-main article .aft-post-excerpt, body.tag .site-main article .article-excerpt, body.tag .site-main article .archive-excerpt, body.search .site-main article .entry-summary, body.search .site-main article .post-excerpt, body.search .site-main article .aft-post-excerpt, body.search .site-main article .article-excerpt, body.search .site-main article .archive-excerpt, body.author .site-main article .entry-summary, body.author .site-main article .post-excerpt, body.author .site-main article .aft-post-excerpt, body.author .site-main article .article-excerpt, body.author .site-main article .archive-excerpt, body.date .site-main article .entry-summary, body.date .site-main article .post-excerpt, body.date .site-main article .aft-post-excerpt, body.date .site-main article .article-excerpt, body.date .site-main article .archive-excerpt { display: block !important; width: 100% !important; max-width: 100% !important; margin: 8px auto 14px !important; padding: 0 !important; font-size: clamp(16px, 1.1vw, 18px) !important; line-height: 1.55 !important; text-align: justify !important; text-justify: inter-word !important; } /* Paragraphs inside excerpts inherit the homepage measurements. */ body.blog .site-main article .entry-summary p, body.blog .site-main article .post-excerpt p, body.archive .site-main article .entry-summary p, body.archive .site-main article .post-excerpt p, body.category .site-main article .entry-summary p, body.category .site-main article .post-excerpt p, body.tag .site-main article .entry-summary p, body.tag .site-main article .post-excerpt p, body.search .site-main article .entry-summary p, body.search .site-main article .post-excerpt p, body.author .site-main article .entry-summary p, body.author .site-main article .post-excerpt p, body.date .site-main article .entry-summary p, body.date .site-main article .post-excerpt p { margin: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; text-align: justify !important; text-justify: inter-word !important; } /* Keep Read More centred beneath each summary. */ body.blog .site-main article .more-link, body.blog .site-main article .read-more, body.blog .site-main article .read-more-link, body.archive .site-main article .more-link, body.archive .site-main article .read-more, body.archive .site-main article .read-more-link, body.category .site-main article .more-link, body.category .site-main article .read-more, body.category .site-main article .read-more-link, body.tag .site-main article .more-link, body.tag .site-main article .read-more, body.tag .site-main article .read-more-link, body.search .site-main article .more-link, body.search .site-main article .read-more, body.search .site-main article .read-more-link, body.author .site-main article .more-link, body.author .site-main article .read-more, body.author .site-main article .read-more-link, body.date .site-main article .more-link, body.date .site-main article .read-more, body.date .site-main article .read-more-link { display: inline-block !important; align-self: center !important; width: auto !important; margin: auto auto 0 !important; text-align: center !important; } /* Generated listing pages use the same centred 750px content column. */ body.blog .content-area, body.blog .site-main, body.archive .content-area, body.archive .site-main, body.category .content-area, body.category .site-main, body.tag .content-area, body.tag .site-main, body.search .content-area, body.search .site-main, body.author .content-area, body.author .site-main, body.date .content-area, body.date .site-main { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } /* Mobile spacing remains comfortable and consistent. */ @media screen and (max-width: 768px) { body.blog .site-main article, body.archive .site-main article, body.category .site-main article, body.tag .site-main article, body.search .site-main article, body.author .site-main article, body.date .site-main article { max-width: 100% !important; margin-bottom: 24px !important; padding-bottom: 20px !important; } body.blog .site-main article .entry-title, body.blog .site-main article .entry-title a, body.archive .site-main article .entry-title, body.archive .site-main article .entry-title a, body.category .site-main article .entry-title, body.category .site-main article .entry-title a, body.tag .site-main article .entry-title, body.tag .site-main article .entry-title a, body.search .site-main article .entry-title, body.search .site-main article .entry-title a, body.author .site-main article .entry-title, body.author .site-main article .entry-title a, body.date .site-main article .entry-title, body.date .site-main article .entry-title a { font-size: 17pt !important; } } /* ========================================================= LISTING EXCERPTS — EXACT HOMEPAGE TEXT SIZE Forces nested archive excerpt text to the same 18px desktop size used by the homepage preview paragraph. ========================================================= */ body.blog .site-main article .entry-summary, body.blog .site-main article .post-excerpt, body.blog .site-main article .aft-post-excerpt, body.blog .site-main article .article-excerpt, body.blog .site-main article .archive-excerpt, body.archive .site-main article .entry-summary, body.archive .site-main article .post-excerpt, body.archive .site-main article .aft-post-excerpt, body.archive .site-main article .article-excerpt, body.archive .site-main article .archive-excerpt, body.category .site-main article .entry-summary, body.category .site-main article .post-excerpt, body.category .site-main article .aft-post-excerpt, body.category .site-main article .article-excerpt, body.category .site-main article .archive-excerpt, body.tag .site-main article .entry-summary, body.tag .site-main article .post-excerpt, body.tag .site-main article .aft-post-excerpt, body.tag .site-main article .article-excerpt, body.tag .site-main article .archive-excerpt, body.search .site-main article .entry-summary, body.search .site-main article .post-excerpt, body.search .site-main article .aft-post-excerpt, body.search .site-main article .article-excerpt, body.search .site-main article .archive-excerpt, body.author .site-main article .entry-summary, body.author .site-main article .post-excerpt, body.author .site-main article .aft-post-excerpt, body.author .site-main article .article-excerpt, body.author .site-main article .archive-excerpt, body.date .site-main article .entry-summary, body.date .site-main article .post-excerpt, body.date .site-main article .aft-post-excerpt, body.date .site-main article .article-excerpt, body.date .site-main article .archive-excerpt { font-size: 18px !important; line-height: 1.55 !important; } /* Override smaller theme sizes inside nested excerpt markup. */ body.blog .site-main article .entry-summary *, body.blog .site-main article .post-excerpt *, body.blog .site-main article .aft-post-excerpt *, body.blog .site-main article .article-excerpt *, body.blog .site-main article .archive-excerpt *, body.archive .site-main article .entry-summary *, body.archive .site-main article .post-excerpt *, body.archive .site-main article .aft-post-excerpt *, body.archive .site-main article .article-excerpt *, body.archive .site-main article .archive-excerpt *, body.category .site-main article .entry-summary *, body.category .site-main article .post-excerpt *, body.category .site-main article .aft-post-excerpt *, body.category .site-main article .article-excerpt *, body.category .site-main article .archive-excerpt *, body.tag .site-main article .entry-summary *, body.tag .site-main article .post-excerpt *, body.tag .site-main article .aft-post-excerpt *, body.tag .site-main article .article-excerpt *, body.tag .site-main article .archive-excerpt *, body.search .site-main article .entry-summary *, body.search .site-main article .post-excerpt *, body.search .site-main article .aft-post-excerpt *, body.search .site-main article .article-excerpt *, body.search .site-main article .archive-excerpt *, body.author .site-main article .entry-summary *, body.author .site-main article .post-excerpt *, body.author .site-main article .aft-post-excerpt *, body.author .site-main article .article-excerpt *, body.author .site-main article .archive-excerpt *, body.date .site-main article .entry-summary *, body.date .site-main article .post-excerpt *, body.date .site-main article .aft-post-excerpt *, body.date .site-main article .article-excerpt *, body.date .site-main article .archive-excerpt * { font-size: 18px !important; line-height: 1.55 !important; } /* Archive templates that use entry-content for the preview. */ body.blog .site-main article .entry-content, body.archive .site-main article .entry-content, body.category .site-main article .entry-content, body.tag .site-main article .entry-content, body.search .site-main article .entry-content, body.author .site-main article .entry-content, body.date .site-main article .entry-content, body.blog .site-main article .entry-content *, body.archive .site-main article .entry-content *, body.category .site-main article .entry-content *, body.tag .site-main article .entry-content *, body.search .site-main article .entry-content *, body.author .site-main article .entry-content *, body.date .site-main article .entry-content * { font-size: 18px !important; line-height: 1.55 !important; } /* Retain comfortable scaling on small phones. */ @media screen and (max-width: 480px) { body.blog .site-main article .entry-summary, body.archive .site-main article .entry-summary, body.category .site-main article .entry-summary, body.tag .site-main article .entry-summary, body.search .site-main article .entry-summary, body.author .site-main article .entry-summary, body.date .site-main article .entry-summary, body.blog .site-main article .post-excerpt, body.archive .site-main article .post-excerpt, body.category .site-main article .post-excerpt, body.tag .site-main article .post-excerpt, body.search .site-main article .post-excerpt, body.author .site-main article .post-excerpt, body.date .site-main article .post-excerpt, body.blog .site-main article .entry-content, body.archive .site-main article .entry-content, body.category .site-main article .entry-content, body.tag .site-main article .entry-content, body.search .site-main article .entry-content, body.author .site-main article .entry-content, body.date .site-main article .entry-content { font-size: 16px !important; } } .site-main article .entry-summary, .site-main article .post-excerpt, .site-main article .aft-post-excerpt, .site-main article .article-excerpt, .site-main article .archive-excerpt, .site-main article .aft-post-excerpt-and-meta, body.blog .site-main article .entry-content, body.archive .site-main article .entry-content, body.category .site-main article .entry-content, body.tag .site-main article .entry-content, body.search .site-main article .entry-content, body.author .site-main article .entry-content, body.date .site-main article .entry-content { font-size: 16pt !important; line-height: 1.55 !important; text-align: center !important; text-justify: auto !important; } /* Override nested theme typography and alignment. */ .site-main article .entry-summary *, .site-main article .post-excerpt *, .site-main article .aft-post-excerpt *, .site-main article .article-excerpt *, .site-main article .archive-excerpt *, .site-main article .aft-post-excerpt-and-meta *, body.blog .site-main article .entry-content *, body.archive .site-main article .entry-content *, body.category .site-main article .entry-content *, body.tag .site-main article .entry-content *, body.search .site-main article .entry-content *, body.author .site-main article .entry-content *, body.date .site-main article .entry-content * { font-size: 16pt !important; line-height: 1.55 !important; text-align: center !important; text-justify: auto !important; } /* Keep excerpt spacing consistent throughout the site. */ .site-main article .entry-summary, .site-main article .post-excerpt, .site-main article .aft-post-excerpt, .site-main article .article-excerpt, .site-main article .archive-excerpt, .site-main article .aft-post-excerpt-and-meta { width: 100% !important; max-width: 100% !important; margin: 8px auto 14px !important; padding: 0 !important; } /* Remove paragraph margins inside excerpts. */ .site-main article .entry-summary p, .site-main article .post-excerpt p, .site-main article .aft-post-excerpt p, .site-main article .article-excerpt p, .site-main article .archive-excerpt p, .site-main article .aft-post-excerpt-and-meta p { margin: 0 !important; padding: 0 !important; } /* ========================================================= SITE-WIDE EXCERPTS — 14PT, JUSTIFIED, IMAGE WIDTH ========================================================= */ .site-main article .entry-summary, .site-main article .post-excerpt, .site-main article .aft-post-excerpt, .site-main article .article-excerpt, .site-main article .archive-excerpt, .site-main article .aft-post-excerpt-and-meta, body.blog .site-main article .entry-content, body.archive .site-main article .entry-content, body.category .site-main article .entry-content, body.tag .site-main article .entry-content, body.search .site-main article .entry-content, body.author .site-main article .entry-content, body.date .site-main article .entry-content { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 8px auto 14px !important; padding: 0 !important; font-size: 16pt !important; line-height: 1.55 !important; text-align: justify !important; text-justify: inter-word !important; box-sizing: border-box !important; } /* Force all nested excerpt text to inherit the same alignment and size. */ .site-main article .entry-summary *, .site-main article .post-excerpt *, .site-main article .aft-post-excerpt *, .site-main article .article-excerpt *, .site-main article .archive-excerpt *, .site-main article .aft-post-excerpt-and-meta *, body.blog .site-main article .entry-content *, body.archive .site-main article .entry-content *, body.category .site-main article .entry-content *, body.tag .site-main article .entry-content *, body.search .site-main article .entry-content *, body.author .site-main article .entry-content *, body.date .site-main article .entry-content * { font-size: 16pt !important; line-height: 1.55 !important; text-align: justify !important; text-justify: inter-word !important; } /* Keep excerpt paragraphs flush with the image edges. */ .site-main article .entry-summary p, .site-main article .post-excerpt p, .site-main article .aft-post-excerpt p, .site-main article .article-excerpt p, .site-main article .archive-excerpt p, .site-main article .aft-post-excerpt-and-meta p { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: justify !important; text-justify: inter-word !important; } /* ========================================================= FINAL EXCERPT OVERRIDE — FORCE 16PT JUSTIFIED PARAGRAPHS Targets the actual paragraph output used by all listing templates, regardless of the surrounding theme class. Titles and author metadata are not affected. ========================================================= */ html body.home .site-main article p, html body.front-page .site-main article p, html body.blog .site-main article p, html body.archive .site-main article p, html body.category .site-main article p, html body.tag .site-main article p, html body.search .site-main article p, html body.author .site-main article p, html body.date .site-main article p { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 8px 0 14px !important; padding: 0 !important; font-size: 16pt !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; box-sizing: border-box !important; } /* CoverNews alternative excerpt wrappers. */ html body .site-main article .full-item-content, html body .site-main article .full-item-content p, html body .site-main article .post-description, html body .site-main article .post-description p, html body .site-main article .aft-post-excerpt-and-meta, html body .site-main article .aft-post-excerpt-and-meta p, html body .site-main article .aft-post-excerpt, html body .site-main article .aft-post-excerpt p, html body .site-main article .entry-summary, html body .site-main article .entry-summary p, html body .site-main article .post-excerpt, html body .site-main article .post-excerpt p { width: 100% !important; max-width: 100% !important; font-size: 16pt !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; } /* Do not allow centred parent wrappers to recenter excerpt text. */ html body.home .site-main article .entry-content, html body.front-page .site-main article .entry-content, html body.blog .site-main article .entry-content, html body.archive .site-main article .entry-content, html body.category .site-main article .entry-content, html body.tag .site-main article .entry-content, html body.search .site-main article .entry-content, html body.author .site-main article .entry-content, html body.date .site-main article .entry-content { width: 100% !important; max-width: 100% !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; } /* ========================================================= READ ARTICLE BUTTON — CENTRED ON ALL LISTING PAGES Keeps excerpt text justified and titles/authors centred. ========================================================= */ html body.home .site-main article .more-link, html body.home .site-main article .read-more, html body.home .site-main article .read-more-link, html body.front-page .site-main article .more-link, html body.front-page .site-main article .read-more, html body.front-page .site-main article .read-more-link, html body.blog .site-main article .more-link, html body.blog .site-main article .read-more, html body.blog .site-main article .read-more-link, html body.archive .site-main article .more-link, html body.archive .site-main article .read-more, html body.archive .site-main article .read-more-link, html body.category .site-main article .more-link, html body.category .site-main article .read-more, html body.category .site-main article .read-more-link, html body.tag .site-main article .more-link, html body.tag .site-main article .read-more, html body.tag .site-main article .read-more-link, html body.search .site-main article .more-link, html body.search .site-main article .read-more, html body.search .site-main article .read-more-link, html body.author .site-main article .more-link, html body.author .site-main article .read-more, html body.author .site-main article .read-more-link, html body.date .site-main article .more-link, html body.date .site-main article .read-more, html body.date .site-main article .read-more-link { display: table !important; width: auto !important; max-width: max-content !important; margin: 14px auto 0 !important; float: none !important; clear: both !important; text-align: center !important; } /* Centre wrappers used by CoverNews around the button. */ html body .site-main article .read-more-wrapper, html body .site-main article .read-more-section, html body .site-main article .read-more-btn, html body .site-main article .aft-readmore-wrapper { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } /* ========================================================= FINAL READ ARTICLE CENTRING The theme outputs the button inside p.aft-readmore-wrapper. This must come after the site-wide justified paragraph rule. ========================================================= */ html body .site-main article p.aft-readmore-wrapper, html body .site-main article .aft-readmore-wrapper, html body .site-main .post-description p.aft-readmore-wrapper, html body .site-main .full-item-discription p.aft-readmore-wrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; margin: 16px auto 0 !important; padding: 0 !important; text-align: center !important; text-align-last: center !important; text-justify: auto !important; float: none !important; clear: both !important; box-sizing: border-box !important; } html body .site-main article p.aft-readmore-wrapper > a.aft-readmore, html body .site-main article .aft-readmore-wrapper > a.aft-readmore, html body .site-main .post-description p.aft-readmore-wrapper > a, html body .site-main .full-item-discription p.aft-readmore-wrapper > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; max-width: max-content !important; margin: 0 auto !important; padding: 8px 16px !important; float: none !important; clear: none !important; text-align: center !important; text-align-last: center !important; } /* ========================================================= INDIVIDUAL POST PAGES — MATCH SITE-WIDE LISTING STYLE Centred title and author, centred featured image, 16pt justified text aligned to the image width. ========================================================= */ /* Keep the complete post in the same centred 750px column. */ body.single-post .content-area, body.single-post .site-main, body.single-post .site-main article, body.single-post .site-main article .entry-content { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Centre the individual post title. */ body.single-post .site-main article .entry-title, body.single-post .site-main article .entry-title a, body.single-post .site-main article h1.entry-title { display: block !important; width: 100% !important; max-width: 100% !important; margin: 8px auto 10px !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 18pt !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; } /* Centre the post author and metadata. */ body.single-post .site-main article .entry-meta, body.single-post .site-main article .post-item-metadata, body.single-post .site-main article .author-links, body.single-post .site-main article .post-author, body.single-post .site-main article .byline { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 12px !important; padding: 0 !important; text-align: center !important; } body.single-post .site-main article .entry-meta *, body.single-post .site-main article .post-item-metadata *, body.single-post .site-main article .author-links *, body.single-post .site-main article .post-author *, body.single-post .site-main article .byline * { text-align: center !important; } /* Centre the featured image and align it with the text width. */ body.single-post .site-main article .post-thumbnail, body.single-post .site-main article .featured-image, body.single-post .site-main article .read-img, body.single-post .site-main article .entry-content > figure:first-child, body.single-post .site-main article .entry-content > .wp-block-image:first-child { display: block !important; width: 100% !important; max-width: 750px !important; margin: 0 auto 18px !important; padding: 0 !important; text-align: center !important; overflow: hidden !important; } body.single-post .site-main article .post-thumbnail img, body.single-post .site-main article .featured-image img, body.single-post .site-main article .read-img img, body.single-post .site-main article .entry-content > figure:first-child img, body.single-post .site-main article .entry-content > .wp-block-image:first-child img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; } /* Match the post body to the 16pt justified listing text. */ body.single-post .site-main article .entry-content, body.single-post .site-main article .entry-content p, body.single-post .site-main article .entry-content li, body.single-post .site-main article .entry-content blockquote { font-size: 16pt !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; } /* Keep body paragraphs aligned exactly to the image width. */ body.single-post .site-main article .entry-content p { width: 100% !important; max-width: 100% !important; margin: 0 0 18px !important; padding: 0 !important; box-sizing: border-box !important; } /* Preserve centred alignment for intentional headings inside posts. */ body.single-post .site-main article .entry-content h2, body.single-post .site-main article .entry-content h3, body.single-post .site-main article .entry-content h4 { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; text-align: center !important; } /* Keep lists aligned within the same content width. */ body.single-post .site-main article .entry-content ul, body.single-post .site-main article .entry-content ol { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 28px !important; box-sizing: border-box !important; } /* Responsive post-page refinement. */ @media screen and (max-width: 768px) { body.single-post .content-area, body.single-post .site-main, body.single-post .site-main article, body.single-post .site-main article .entry-content { max-width: 100% !important; } body.single-post .site-main article .entry-title, body.single-post .site-main article h1.entry-title { font-size: 17pt !important; } body.single-post .site-main article .entry-content, body.single-post .site-main article .entry-content p, body.single-post .site-main article .entry-content li, body.single-post .site-main article .entry-content blockquote { font-size: 16pt !important; } } /* ========================================================= INDIVIDUAL POST IMAGES — FULL TEXT WIDTH Makes all post-page images span the same 750px width as the article text while preserving their natural proportion. ========================================================= */ /* Featured image and image wrappers use the full article width. */ body.single-post .site-main article .post-thumbnail, body.single-post .site-main article .featured-image, body.single-post .site-main article .read-img, body.single-post .site-main article .entry-content figure, body.single-post .site-main article .entry-content .wp-block-image, body.single-post .site-main article .entry-content .wp-caption, body.single-post .site-main article .entry-content picture { display: block !important; width: 100% !important; min-width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* Make every post-page image fill the same width as the text. */ body.single-post .site-main article .post-thumbnail img, body.single-post .site-main article .featured-image img, body.single-post .site-main article .read-img img, body.single-post .site-main article .entry-content figure img, body.single-post .site-main article .entry-content .wp-block-image img, body.single-post .site-main article .entry-content .wp-caption img, body.single-post .site-main article .entry-content picture img, body.single-post .site-main article .entry-content > img { display: block !important; width: 100% !important; min-width: 100% !important; max-width: 750px !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; box-sizing: border-box !important; } /* Remove restrictive WordPress size classes on single posts. */ body.single-post .site-main article img.size-thumbnail, body.single-post .site-main article img.size-medium, body.single-post .site-main article img.size-large, body.single-post .site-main article img.size-full, body.single-post .site-main article .wp-block-image.size-thumbnail img, body.single-post .site-main article .wp-block-image.size-medium img, body.single-post .site-main article .wp-block-image.size-large img, body.single-post .site-main article .wp-block-image.size-full img { width: 100% !important; min-width: 100% !important; max-width: 750px !important; height: auto !important; } /* Keep captions aligned to the same text and image width. */ body.single-post .site-main article .wp-caption-text, body.single-post .site-main article figcaption { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; } /* Responsive refinement. */ @media screen and (max-width: 768px) { body.single-post .site-main article .post-thumbnail, body.single-post .site-main article .featured-image, body.single-post .site-main article .read-img, body.single-post .site-main article .entry-content figure, body.single-post .site-main article .entry-content .wp-block-image, body.single-post .site-main article .entry-content .wp-caption, body.single-post .site-main article .entry-content picture, body.single-post .site-main article .post-thumbnail img, body.single-post .site-main article .featured-image img, body.single-post .site-main article .read-img img, body.single-post .site-main article .entry-content figure img, body.single-post .site-main article .entry-content .wp-block-image img, body.single-post .site-main article .entry-content .wp-caption img, body.single-post .site-main article .entry-content picture img, body.single-post .site-main article .entry-content > img { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } } /* ========================================================= INDIVIDUAL POST TAGS — CENTRED RELATED-ARTICLE BUTTONS Post pages only. The heading is forced onto its own full-width centred line, with centred buttons underneath. ========================================================= */ body.single-post .site-main article .tags-links, body.single-post .site-main article .post-tags, body.single-post .site-main article .entry-tags, body.single-post .site-main article .tag-links, body.single-post .site-main article .aft-post-tags{ display: block !important; position: static !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 28px auto 0 !important; padding: 18px 0 0 !important; border-top: 1px solid #2F7D3B !important; color: #111111 !important; font-size: 0 !important; line-height: normal !important; text-align: center !important; box-sizing: border-box !important; } /* Replace the theme's visible “Tags” label with a centred heading. */ body.single-post .site-main article .tags-links::before, body.single-post .site-main article .post-tags::before, body.single-post .site-main article .entry-tags::before, body.single-post .site-main article .tag-links::before, body.single-post .site-main article .aft-post-tags::before{ content: "You May Also Like These Articles" !important; display: flex !important; position: static !important; float: none !important; clear: both !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 1.3em !important; inset: auto !important; transform: none !important; margin: 0 auto 14px !important; padding: 0 !important; background: transparent !important; color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; white-space: normal !important; box-sizing: border-box !important; } /* Display every individual tag as a centred button. */ body.single-post .site-main article .tags-links a, body.single-post .site-main article .post-tags a, body.single-post .site-main article .entry-tags a, body.single-post .site-main article .tag-links a, body.single-post .site-main article .aft-post-tags a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; float: none !important; width: auto !important; min-width: 0 !important; min-height: 38px !important; margin: 4px !important; padding: 8px 15px !important; background-color: #ffffff !important; color: #2F7D3B !important; -webkit-text-fill-color: #2F7D3B !important; border: 2px solid #2F7D3B !important; border-radius: 5px !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; text-transform: capitalize !important; text-decoration: none !important; white-space: normal !important; box-sizing: border-box !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important; } /* Button hover, keyboard focus and active states. */ body.single-post .site-main article .tags-links a:hover, body.single-post .site-main article .tags-links a:focus, body.single-post .site-main article .tags-links a:active, body.single-post .site-main article .post-tags a:hover, body.single-post .site-main article .post-tags a:focus, body.single-post .site-main article .post-tags a:active, body.single-post .site-main article .entry-tags a:hover, body.single-post .site-main article .entry-tags a:focus, body.single-post .site-main article .entry-tags a:active, body.single-post .site-main article .tag-links a:hover, body.single-post .site-main article .tag-links a:focus, body.single-post .site-main article .tag-links a:active, body.single-post .site-main article .aft-post-tags a:hover, body.single-post .site-main article .aft-post-tags a:focus, body.single-post .site-main article .aft-post-tags a:active{ background-color: transparent !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2F7D3B !important; text-decoration: none !important; } /* Keep the related-article area compact on phones. */ @media screen and (max-width: 480px) { body.single-post .site-main article .tags-links, body.single-post .site-main article .post-tags, body.single-post .site-main article .entry-tags, body.single-post .site-main article .tag-links, body.single-post .site-main article .aft-post-tags{ margin-top: 24px !important; padding-top: 14px !important; } body.single-post .site-main article .tags-links::before, body.single-post .site-main article .post-tags::before, body.single-post .site-main article .entry-tags::before, body.single-post .site-main article .tag-links::before, body.single-post .site-main article .aft-post-tags::before{ margin-bottom: 10px !important; font-size: 18px !important; } body.single-post .site-main article .tags-links a, body.single-post .site-main article .post-tags a, body.single-post .site-main article .entry-tags a, body.single-post .site-main article .tag-links a, body.single-post .site-main article .aft-post-tags a{ min-height: 36px !important; margin: 3px !important; padding: 7px 12px !important; font-size: 13px !important; } } /* ========================================================= PRIMARY SOURCES HEADING — REDUCED FONT SIZE ========================================================= */ body.single-post .entry-content > ol:last-of-type::before { font-size: 14px !important; line-height: 1.3 !important; } /* ========================================================= PRIMARY SOURCES LIST — 14PX Reduces only the final ordered list containing the five primary sources on individual post pages. ========================================================= */ body.single-post .entry-content > ol:last-of-type, body.single-post .entry-content > ol:last-of-type li, body.single-post .entry-content > ol:last-of-type li p, body.single-post .entry-content > ol:last-of-type li a { font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= PRIMARY SOURCES HEADING — CENTRED ========================================================= */ body.single-post .entry-content > ol:last-of-type::before { display: block !important; width: 100% !important; text-align: center !important; text-align-last: center !important; } /* ========================================================= POST IMAGE FRAMES REMOVED ========================================================= The former 10px frame systems were removed because their fixed wrappers produced exposed grey/green areas when grid images were changed from 3:2 to 1200:628. ========================================================= */ /* ========================================================= ALL HEADLINES AND READ-ARTICLE TEXT — GREEN ========================================================= */ /* All site headlines and linked headline text. */ body h1, body h2, body h3, body h4, body h5, body h6, body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a, .entry-title, .entry-title a, .post-title, .post-title a, .page-title, .page-title a, .archive-title, .archive-title a, .search-title, .search-title a, .widget-title, .widget-title a, .section-title, .section-title a, .site-title, .site-title a, .card-title, .card-title a, .article-title, .article-title a, .post-content-title, .post-content-title a, .related-posts .entry-title, .related-posts .entry-title a, .aft-post-title, .aft-post-title a, .read-title, .read-title a, .af-main-banner .entry-title, .af-main-banner .entry-title a, .spotlight-post .entry-title, .spotlight-post .entry-title a, .aft-trending-posts .entry-title, .aft-trending-posts .entry-title a { color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* All Read Article, Read More and equivalent links. */ .read-more, .read-more a, .readmore, .readmore a, .read-more-link, .read-more-link a, .more-link, .more-link a, .read-article, .read-article a, .article-read-more, .article-read-more a, .post-read-more, .post-read-more a, .aft-readmore, .aft-readmore a, .aft-read-more, .aft-read-more a, .af-read-more, .af-read-more a, .btn-read-more, .btn-read-more a, .entry-content .more-link, .entry-summary .more-link, .site-main article .more-link, .site-main article .read-more, .site-main article .read-more-link { color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* Keep Read Article text green on hover, focus and after visiting. */ .read-more:hover, .read-more:focus, .read-more:visited, .read-more a:hover, .read-more a:focus, .read-more a:visited, .readmore:hover, .readmore:focus, .readmore:visited, .readmore a:hover, .readmore a:focus, .readmore a:visited, .read-more-link:hover, .read-more-link:focus, .read-more-link:visited, .more-link:hover, .more-link:focus, .more-link:visited, .read-article:hover, .read-article:focus, .read-article:visited, .article-read-more:hover, .article-read-more:focus, .article-read-more:visited, .post-read-more:hover, .post-read-more:focus, .post-read-more:visited, .aft-readmore:hover, .aft-readmore:focus, .aft-readmore:visited, .aft-read-more:hover, .aft-read-more:focus, .aft-read-more:visited, .af-read-more:hover, .af-read-more:focus, .af-read-more:visited, .btn-read-more:hover, .btn-read-more:focus, .btn-read-more:visited { color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* ========================================================= POST GRIDS — GREEN HEADLINES AND READ-ARTICLE TEXT ========================================================= */ /* Grid and archive card headlines. */ body.home .site-main article .entry-title, body.home .site-main article .entry-title a, body.front-page .site-main article .entry-title, body.front-page .site-main article .entry-title a, body.blog .site-main article .entry-title, body.blog .site-main article .entry-title a, body.archive .site-main article .entry-title, body.archive .site-main article .entry-title a, body.category .site-main article .entry-title, body.category .site-main article .entry-title a, body.tag .site-main article .entry-title, body.tag .site-main article .entry-title a, body.author .site-main article .entry-title, body.author .site-main article .entry-title a, body.date .site-main article .entry-title, body.date .site-main article .entry-title a, body.search .site-main article .entry-title, body.search .site-main article .entry-title a, body.search-results .site-main article .entry-title, body.search-results .site-main article .entry-title a, .site-main .grid-item .entry-title, .site-main .grid-item .entry-title a, .site-main .read-single .entry-title, .site-main .read-single .entry-title a, .site-main .list-style .entry-title, .site-main .list-style .entry-title a, .site-main .post-grid .entry-title, .site-main .post-grid .entry-title a, .site-main .posts-grid .entry-title, .site-main .posts-grid .entry-title a, .site-main .wp-block-post-template .wp-block-post-title, .site-main .wp-block-post-template .wp-block-post-title a, .site-main .wp-block-query .wp-block-post-title, .site-main .wp-block-query .wp-block-post-title a, .site-main .aft-post-title, .site-main .aft-post-title a, .site-main .read-title, .site-main .read-title a, .site-main .article-title, .site-main .article-title a, .site-main .card-title, .site-main .card-title a { color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* Grid and archive Read Article / Read More links. */ body.home .site-main article .more-link, body.home .site-main article .read-more, body.home .site-main article .read-more-link, body.home .site-main article .read-article, body.front-page .site-main article .more-link, body.front-page .site-main article .read-more, body.front-page .site-main article .read-more-link, body.front-page .site-main article .read-article, body.blog .site-main article .more-link, body.blog .site-main article .read-more, body.blog .site-main article .read-more-link, body.blog .site-main article .read-article, body.archive .site-main article .more-link, body.archive .site-main article .read-more, body.archive .site-main article .read-more-link, body.archive .site-main article .read-article, body.category .site-main article .more-link, body.category .site-main article .read-more, body.category .site-main article .read-more-link, body.category .site-main article .read-article, body.tag .site-main article .more-link, body.tag .site-main article .read-more, body.tag .site-main article .read-more-link, body.tag .site-main article .read-article, body.author .site-main article .more-link, body.author .site-main article .read-more, body.author .site-main article .read-more-link, body.author .site-main article .read-article, body.date .site-main article .more-link, body.date .site-main article .read-more, body.date .site-main article .read-more-link, body.date .site-main article .read-article, body.search .site-main article .more-link, body.search .site-main article .read-more, body.search .site-main article .read-more-link, body.search .site-main article .read-article, .site-main .grid-item .more-link, .site-main .grid-item .read-more, .site-main .grid-item .read-more-link, .site-main .grid-item .read-article, .site-main .read-single .more-link, .site-main .read-single .read-more, .site-main .read-single .read-more-link, .site-main .read-single .read-article, .site-main .list-style .more-link, .site-main .list-style .read-more, .site-main .list-style .read-more-link, .site-main .list-style .read-article, .site-main .post-grid .more-link, .site-main .post-grid .read-more, .site-main .post-grid .read-more-link, .site-main .post-grid .read-article, .site-main .posts-grid .more-link, .site-main .posts-grid .read-more, .site-main .posts-grid .read-more-link, .site-main .posts-grid .read-article, .site-main .wp-block-post-template .wp-block-read-more, .site-main .wp-block-query .wp-block-read-more, .site-main .aft-readmore, .site-main .aft-read-more, .site-main .af-read-more, .site-main .article-read-more, .site-main .post-read-more, .site-main .btn-read-more { color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* Preserve green on hover, focus and visited states in post grids. */ .site-main article .entry-title a:hover, .site-main article .entry-title a:focus, .site-main article .entry-title a:visited, .site-main .grid-item .entry-title a:hover, .site-main .grid-item .entry-title a:focus, .site-main .grid-item .entry-title a:visited, .site-main .read-single .entry-title a:hover, .site-main .read-single .entry-title a:focus, .site-main .read-single .entry-title a:visited, .site-main .wp-block-post-title a:hover, .site-main .wp-block-post-title a:focus, .site-main .wp-block-post-title a:visited, .site-main article .more-link:hover, .site-main article .more-link:focus, .site-main article .more-link:visited, .site-main article .read-more:hover, .site-main article .read-more:focus, .site-main article .read-more:visited, .site-main article .read-more-link:hover, .site-main article .read-more-link:focus, .site-main article .read-more-link:visited, .site-main article .read-article:hover, .site-main article .read-article:focus, .site-main article .read-article:visited, .site-main .wp-block-read-more:hover, .site-main .wp-block-read-more:focus, .site-main .wp-block-read-more:visited { color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* ========================================================= FINAL POST-GRID READ-ARTICLE OVERRIDE ========================================================= Forces the visible text, nested spans, icons and generated content to use #2F7D3B, overriding theme button/link rules. ========================================================= */ body .site-main article .read-more, body .site-main article .read-more *, body .site-main article .readmore, body .site-main article .readmore *, body .site-main article .read-more-link, body .site-main article .read-more-link *, body .site-main article .read-article, body .site-main article .read-article *, body .site-main article .article-read-more, body .site-main article .article-read-more *, body .site-main article .post-read-more, body .site-main article .post-read-more *, body .site-main article .aft-readmore, body .site-main article .aft-readmore *, body .site-main article .aft-read-more, body .site-main article .aft-read-more *, body .site-main article .af-read-more, body .site-main article .af-read-more *, body .site-main article .btn-read-more, body .site-main article .btn-read-more *, body .site-main article .continue-reading, body .site-main article .continue-reading *, body .site-main article .continue_reading, body .site-main article .continue_reading *, body .site-main article .more-link, body .site-main article .more-link *, body .site-main article .wp-block-read-more, body .site-main article .wp-block-read-more *, body .site-main article a[class*="read-more"], body .site-main article a[class*="read-more"] *, body .site-main article a[class*="readmore"], body .site-main article a[class*="readmore"] *, body .site-main article a[class*="read-article"], body .site-main article a[class*="read-article"] *, body .site-main article a[class*="continue-reading"], body .site-main article a[class*="continue-reading"] *, body .site-main article [class*="read-more"] > a, body .site-main article [class*="read-more"] > a *, body .site-main article [class*="readmore"] > a, body .site-main article [class*="readmore"] > a *, body .site-main article [class*="read-article"] > a, body .site-main article [class*="read-article"] > a *, body .site-main article [class*="continue-reading"] > a, body .site-main article [class*="continue-reading"] > a *, body .site-main article a[aria-label*="Read"], body .site-main article a[aria-label*="Read"] *, body .site-main article a[title*="Read"], body .site-main article a[title*="Read"] * { color: #2F7D3B !important; -webkit-text-fill-color: #2F7D3B !important; fill: #2F7D3B !important; text-decoration-color: #2F7D3B !important; opacity: 1 !important; } /* Generated arrows, labels or decorative text. */ body .site-main article .read-more::before, body .site-main article .read-more::after, body .site-main article .readmore::before, body .site-main article .readmore::after, body .site-main article .read-more-link::before, body .site-main article .read-more-link::after, body .site-main article .read-article::before, body .site-main article .read-article::after, body .site-main article .aft-readmore::before, body .site-main article .aft-readmore::after, body .site-main article .aft-read-more::before, body .site-main article .aft-read-more::after, body .site-main article .af-read-more::before, body .site-main article .af-read-more::after, body .site-main article .more-link::before, body .site-main article .more-link::after, body .site-main article a[class*="read-more"]::before, body .site-main article a[class*="read-more"]::after, body .site-main article a[class*="readmore"]::before, body .site-main article a[class*="readmore"]::after, body .site-main article a[class*="read-article"]::before, body .site-main article a[class*="read-article"]::after { color: #2F7D3B !important; -webkit-text-fill-color: #2F7D3B !important; fill: #2F7D3B !important; } /* Preserve the same colour in every interaction state. */ body .site-main article .read-more:hover, body .site-main article .read-more:focus, body .site-main article .read-more:active, body .site-main article .read-more:visited, body .site-main article .readmore:hover, body .site-main article .readmore:focus, body .site-main article .readmore:active, body .site-main article .readmore:visited, body .site-main article .read-more-link:hover, body .site-main article .read-more-link:focus, body .site-main article .read-more-link:active, body .site-main article .read-more-link:visited, body .site-main article .read-article:hover, body .site-main article .read-article:focus, body .site-main article .read-article:active, body .site-main article .read-article:visited, body .site-main article .aft-readmore:hover, body .site-main article .aft-readmore:focus, body .site-main article .aft-readmore:active, body .site-main article .aft-readmore:visited, body .site-main article .more-link:hover, body .site-main article .more-link:focus, body .site-main article .more-link:active, body .site-main article .more-link:visited { color: #2F7D3B !important; -webkit-text-fill-color: #2F7D3B !important; text-decoration-color: #2F7D3B !important; } /* ========================================================= LOWER THE FIRST POST SLIGHTLY ON POST-GRID PAGES ========================================================= Adds a modest gap above the first post card on the homepage, archives, categories, tags, author pages and search results. ========================================================= */ body.home .site-main article:first-of-type, body.front-page .site-main article:first-of-type, body.blog .site-main article:first-of-type, body.archive .site-main article:first-of-type, body.category .site-main article:first-of-type, body.tag .site-main article:first-of-type, body.author .site-main article:first-of-type, body.date .site-main article:first-of-type, body.search .site-main article:first-of-type, body.search-results .site-main article:first-of-type, body.page-id-76725 .site-main article:first-of-type, .site-main .post-grid article:first-of-type, .site-main .posts-grid article:first-of-type, .site-main .archive-posts article:first-of-type, .site-main .posts-wrapper article:first-of-type, .site-main .posts-wrap article:first-of-type, .site-main .wp-block-post-template > li:first-child, .site-main .wp-block-query .wp-block-post-template > li:first-child { margin-top: 24px !important; } /* Keep the spacing slightly tighter on phones. */ @media screen and (max-width: 650px) { body.home .site-main article:first-of-type, body.front-page .site-main article:first-of-type, body.blog .site-main article:first-of-type, body.archive .site-main article:first-of-type, body.category .site-main article:first-of-type, body.tag .site-main article:first-of-type, body.author .site-main article:first-of-type, body.date .site-main article:first-of-type, body.search .site-main article:first-of-type, body.search-results .site-main article:first-of-type, body.page-id-76725 .site-main article:first-of-type, .site-main .post-grid article:first-of-type, .site-main .posts-grid article:first-of-type, .site-main .archive-posts article:first-of-type, .site-main .posts-wrapper article:first-of-type, .site-main .posts-wrap article:first-of-type, .site-main .wp-block-post-template > li:first-child, .site-main .wp-block-query .wp-block-post-template > li:first-child { margin-top: 18px !important; } } /* ========================================================= HOMEPAGE PUBLISHED-ARTICLE COUNTER ========================================================= Theme-green container with white text. The counter spans the full homepage post grid and updates automatically through the active PHP shortcode snippet. ========================================================= */ body.home .article-count, body.front-page .article-count, body.blog .article-count, body.page-id-76725 .article-count, .article-count { display: block !important; position: relative !important; grid-column: 1 / -1 !important; clear: both !important; float: none !important; width: calc(100% - 28px) !important; max-width: 900px !important; margin: 45px auto 55px !important; padding: 18px 25px !important; background: #2F7D3B !important; background-color: transparent !important; color: #ffffff !important; border: 2px solid #2F7D3B !important; border-radius: 5% !important; box-shadow: none !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.5 !important; text-align: center !important; text-transform: capitalize !important; box-sizing: border-box !important; } body.home .article-count strong, body.front-page .article-count strong, body.blog .article-count strong, body.page-id-76725 .article-count strong, .article-count strong { background: transparent !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 26px !important; font-weight: 700 !important; } @media screen and (max-width: 650px) { body.home .article-count, body.front-page .article-count, body.blog .article-count, body.page-id-76725 .article-count, .article-count { width: calc(100% - 24px) !important; margin: 38px auto 48px !important; padding: 15px 18px !important; font-size: 17px !important; line-height: 1.45 !important; } body.home .article-count strong, body.front-page .article-count strong, body.blog .article-count strong, body.page-id-76725 .article-count strong, .article-count strong { font-size: 22px !important; } } /* ========================================================= ARTICLE COUNTER SEPARATORS ========================================================= */ .article-count::before, .article-count::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; width: 100% !important; height: 2px !important; background-color: transparent !important; } .article-count::before { top: -15px !important; } .article-count::after { bottom: -15px !important; } /* ========================================================= LATEST ARTICLES PAGE — UNIFORM ONE-COLUMN LAYOUT ========================================================= Applies only to the dedicated /latest-articles/ page. - Full-width page with no sidebar - One article per row - Matching 16:9 featured images - Centred green headlines - Centred publication dates - Green separators ========================================================= */ /* Use the full content width and remove the page sidebar. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .content-area, body:has(.current-menu-item > a[href*="/latest-articles/"]) .content-area, body:has(a[aria-current="page"][href*="/latest-articles/"]) .site-main, body:has(.current-menu-item > a[href*="/latest-articles/"]) .site-main { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .sidebar, body:has(.current-menu-item > a[href*="/latest-articles/"]) .sidebar, body:has(a[aria-current="page"][href*="/latest-articles/"]) #secondary, body:has(.current-menu-item > a[href*="/latest-articles/"]) #secondary { display: none !important; } /* Centre and contain the page content. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-content { width: 100% !important; max-width: 950px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; } /* Style the page title to match the site's green post headings. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-header .entry-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-header .entry-title, body:has(a[aria-current="page"][href*="/latest-articles/"]) .page-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .page-title { color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; margin: 0 auto 36px !important; padding-left: 16px !important; padding-right: 16px !important; } /* Remove WordPress list styling and keep one article per row. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts { display: block !important; width: 100% !important; max-width: 900px !important; margin: 0 auto !important; padding: 0 !important; list-style: none !important; } /* Uniform article cards. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li { display: flex !important; flex-direction: column !important; align-items: center !important; float: none !important; clear: both !important; width: 100% !important; max-width: 900px !important; margin: 0 auto 38px !important; padding: 0 0 32px !important; background-color: #ffffff !important; border-bottom: 2px solid #2F7D3B !important; text-align: center !important; list-style: none !important; overflow: hidden !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li::before, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li::after, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li::before, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li::after { content: none !important; display: none !important; } /* Remove the native floating-image behaviour. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image.alignleft, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image.alignright, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image.aligncenter, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image.alignleft, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image.alignright, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image.aligncenter { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 900px !important; margin: 0 auto 18px !important; padding: 0 !important; text-align: center !important; } /* Make the linked image fill the card. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Give every featured image the same 16:9 shape. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image img, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image img { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 300 / 157 !important; object-fit: cover !important; object-position: center !important; margin: 0 auto !important; padding: 0 !important; } /* Uniform green article headlines. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title { display: block !important; clear: both !important; width: 100% !important; max-width: 820px !important; margin: 4px auto 8px !important; padding: 0 14px !important; color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title:hover, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title:focus, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title:hover, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title:focus { color: #2F7D3B !important; text-decoration: underline !important; text-decoration-color: #2F7D3B !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; } /* Uniform publication dates. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-date, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-date { display: block !important; clear: both !important; width: 100% !important; margin: 0 auto !important; padding: 0 12px !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-style: italic !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; } /* The final article does not need a lower separator. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li:last-child, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li:last-child { margin-bottom: 0 !important; border-bottom: none !important; } /* Tablets and phones. */ @media screen and (max-width: 768px) { body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-content { padding-left: 16px !important; padding-right: 16px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-header .entry-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-header .entry-title, body:has(a[aria-current="page"][href*="/latest-articles/"]) .page-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .page-title { font-size: 30px !important; margin-bottom: 28px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li { margin-bottom: 30px !important; padding-bottom: 26px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title { font-size: 21px !important; line-height: 1.3 !important; } } @media screen and (max-width: 480px) { body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-content { padding-left: 12px !important; padding-right: 12px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-header .entry-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-header .entry-title, body:has(a[aria-current="page"][href*="/latest-articles/"]) .page-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .page-title { font-size: 27px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title { font-size: 19px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-date, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-date { font-size: 14px !important; } } /* ========================================================= LATEST ARTICLES — FINAL UNIFORM ARTICLE LIST ========================================================= The Latest Posts block must remain set to: Post content → Full post This final section: - Keeps image, title, author and date - Adds the same 10px green image frame used on the homepage - Displays only the genuine opening paragraph - Matches the homepage paragraph size at 16pt - Justifies text without automatic hyphenation - Adds a centred, clickable Read Article link on a new line ========================================================= */ /* Keep the author line uniform and centred. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-author, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-author { display: block !important; clear: both !important; width: 100% !important; margin: 0 auto 3px !important; padding: 0 12px !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; } /* Add spacing beneath the publication date. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-date, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-date { margin: 0 auto 14px !important; } /* Give Latest Articles images the same true-green 10px frame as the homepage. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 900px !important; margin: 0 auto 18px !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; box-shadow: none !important; box-sizing: border-box !important; overflow: hidden !important; -webkit-filter: none !important; filter: none !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__featured-image img, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__featured-image img { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 300 / 157 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; -webkit-filter: grayscale(100%) contrast(135%) brightness(145%) !important; filter: grayscale(100%) contrast(135%) brightness(145%) !important; } /* Reserve a separate final line for the clickable Read Article link. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li { position: relative !important; padding-bottom: 92px !important; } /* Full-post content wrapper. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content { display: block !important; clear: both !important; width: 100% !important; max-width: 820px !important; height: auto !important; max-height: none !important; margin: 0 auto !important; padding: 0 18px !important; color: #111111 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 16pt !important; font-weight: 400 !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; overflow: visible !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } /* Hide every full-post element except the genuine first paragraph. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content > *:not(p:first-of-type), body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content > *:not(p:first-of-type) { display: none !important; } /* Display the complete opening paragraph at the homepage text size. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content > p:first-of-type, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content > p:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 16pt !important; font-weight: 400 !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; } /* Hide any separate link generated inside the full-content wrapper. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content .more-link, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content .read-more, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content .read-more-link, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content .more-link, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content .read-more, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content .read-more-link { display: none !important; } /* Use the existing title link to create a second clickable Read Article link. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title { position: static !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title::after, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title::after { content: "Read Article" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; left: 50% !important; bottom: 30px !important; z-index: 2 !important; width: auto !important; min-height: 44px !important; max-width: max-content !important; margin: 0 !important; padding: 8px 16px !important; color: #2F7D3B !important; background-color: #ffffff !important; border: 2px solid #2F7D3B !important; border-radius: 0 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; transform: translateX(-50%) !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title:hover::after, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title:focus::after, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title:hover::after, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title:focus::after { color: #ffffff !important; background-color: transparent !important; text-decoration: none !important; } /* Keep the final article separator rule while retaining button space. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts > li:last-child, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts > li:last-child { padding-bottom: 92px !important; } /* Responsive refinements without reducing the homepage-matched 16pt text. */ @media screen and (max-width: 768px) { body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content { padding-left: 14px !important; padding-right: 14px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content > p:first-of-type, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content > p:first-of-type { font-size: 16pt !important; line-height: 1.55 !important; } } @media screen and (max-width: 480px) { body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-full-content { padding-left: 8px !important; padding-right: 8px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-author, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-author, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-date, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-date { font-size: 14px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-latest-posts__post-title::after, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-latest-posts__post-title::after { font-size: 14px !important; padding: 8px 14px !important; } } /* ========================================================= LATEST ARTICLES — PAGINATED QUERY LOOP ========================================================= Applies to the dedicated Latest Articles page. - One article per row - 20 articles per page, controlled in the editor - Green framed 16:9 images - Centred title, author and date - Genuine opening paragraph only - Justified text with no hyphenation - Read Article on its own line - Centred numbered pagination ========================================================= */ /* Keep the complete page comfortably centred. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-content { width: 100% !important; max-width: 950px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; } /* Main page title. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-header .entry-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-header .entry-title, body:has(a[aria-current="page"][href*="/latest-articles/"]) .page-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .page-title { color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; margin-bottom: 36px !important; } /* Query Loop and Post Template remain one-column lists. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-template, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-template { display: block !important; width: 100% !important; max-width: 900px !important; margin: 0 auto !important; padding: 0 !important; list-style: none !important; } /* Each result is a uniform article card. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-template > .wp-block-post, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-template > .wp-block-post { display: flex !important; flex-direction: column !important; align-items: stretch !important; float: none !important; clear: both !important; width: 100% !important; max-width: 900px !important; margin: 0 auto 42px !important; padding: 0 0 34px !important; background: #ffffff !important; border-bottom: 2px solid #2F7D3B !important; box-sizing: border-box !important; text-align: center !important; } /* Remove the final separator before pagination. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-template > .wp-block-post:last-child, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-template > .wp-block-post:last-child { margin-bottom: 18px !important; } /* Featured image frame matching the homepage. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-featured-image, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-featured-image { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 900px !important; margin: 0 auto 18px !important; padding: 0 !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; box-sizing: border-box !important; overflow: hidden !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-featured-image a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-featured-image a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-featured-image img, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-featured-image img { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 300 / 157 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; -webkit-filter: grayscale(100%) contrast(135%) brightness(145%) !important; filter: grayscale(100%) contrast(135%) brightness(145%) !important; } /* Uniform article title. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-title { display: block !important; width: 100% !important; max-width: 820px !important; margin: 4px auto 8px !important; padding: 0 14px !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-title a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-title a { color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-align: center !important; text-decoration: none !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-title a:hover, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-title a:focus, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-title a:hover, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-title a:focus { color: #2F7D3B !important; text-decoration: underline !important; text-decoration-color: #2F7D3B !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; } /* Author line. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-author, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-author-name, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-author, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-author-name { display: block !important; width: 100% !important; margin: 0 auto 3px !important; padding: 0 12px !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-author-name a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-author-name a { color: #111111 !important; font: inherit !important; text-decoration: none !important; } /* Publication date. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-date, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-date { display: block !important; width: 100% !important; margin: 0 auto 14px !important; padding: 0 12px !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-style: italic !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-date a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-date a { color: #111111 !important; font: inherit !important; text-decoration: none !important; } /* Full Post Content block: show only the genuine first paragraph. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-content { display: block !important; clear: both !important; width: 100% !important; max-width: 820px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto !important; padding: 0 18px !important; color: #111111 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 16pt !important; font-weight: 400 !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; overflow: visible !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-content > *:not(p:first-of-type), body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-content > *:not(p:first-of-type) { display: none !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-content > p:first-of-type, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-content > p:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 16pt !important; font-weight: 400 !important; line-height: 1.55 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; } /* Read Article appears beneath the opening paragraph on its own line. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-read-more, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-read-more { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; width: auto !important; min-height: 44px !important; max-width: max-content !important; margin: 22px auto 0 !important; padding: 8px 16px !important; color: #2F7D3B !important; background-color: #ffffff !important; border: 2px solid #2F7D3B !important; border-radius: 0 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-read-more:hover, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-read-more:focus, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-read-more:hover, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-read-more:focus { color: #ffffff !important; background-color: transparent !important; text-decoration: none !important; } /* Numbered page navigation. */ body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; max-width: 900px !important; margin: 32px auto 12px !important; padding: 24px 0 !important; border-top: 2px solid #2F7D3B !important; border-bottom: 2px solid #2F7D3B !important; text-align: center !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination-numbers, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination-numbers { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination a, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination .page-numbers, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 7px 12px !important; color: #111111 !important; background-color: #ffffff !important; border: 2px solid #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination .current, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination .current, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination a:hover, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination a:focus, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination a:hover, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination a:focus { color: #ffffff !important; background-color: transparent !important; text-decoration: none !important; } /* Responsive refinements. */ @media screen and (max-width: 768px) { body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-content { padding-left: 16px !important; padding-right: 16px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-header .entry-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-header .entry-title, body:has(a[aria-current="page"][href*="/latest-articles/"]) .page-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .page-title { font-size: 30px !important; margin-bottom: 28px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-title { font-size: 21px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-content { padding-left: 14px !important; padding-right: 14px !important; } } @media screen and (max-width: 480px) { body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-content { padding-left: 12px !important; padding-right: 12px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .entry-header .entry-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .entry-header .entry-title, body:has(a[aria-current="page"][href*="/latest-articles/"]) .page-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .page-title { font-size: 27px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-title, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-title { font-size: 19px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-content, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-content { padding-left: 8px !important; padding-right: 8px !important; } body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-author, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-author-name, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-post-date, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-author, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-author-name, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-post-date, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-read-more, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-read-more, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination a, body:has(a[aria-current="page"][href*="/latest-articles/"]) .wp-block-query-pagination .page-numbers, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination a, body:has(.current-menu-item > a[href*="/latest-articles/"]) .wp-block-query-pagination .page-numbers { font-size: 14px !important; } } /* ========================================================= LATEST ARTICLES PAGE — HIDE PAGE TITLE ONLY ========================================================= Keeps the page title available in WordPress and in the navigation menu, but removes it from the visible page. Query Loop article titles remain visible. ========================================================= */ body:has( a[aria-current="page"][href*="/latest-articles/"] ) .site-main > article > .entry-header, body:has( .current-menu-item > a[href*="/latest-articles/"] ) .site-main > article > .entry-header, body:has( a[aria-current="page"][href*="/latest-articles/"] ) .site-main > article > header.entry-header, body:has( .current-menu-item > a[href*="/latest-articles/"] ) .site-main > article > header.entry-header { display: none !important; } /* Remove any space left behind above the article listing. */ body:has( a[aria-current="page"][href*="/latest-articles/"] ) .site-main > article > .entry-content, body:has( .current-menu-item > a[href*="/latest-articles/"] ) .site-main > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; } /* ========================================================= LATEST ARTICLES PAGE — TOP SPACE MATCHING HOMEPAGE ========================================================= Adds the same modest gap above the first article that is used above the first post on the homepage. ========================================================= */ body:has( a[aria-current="page"][href*="/latest-articles/"] ) .wp-block-query .wp-block-post-template > .wp-block-post:first-child, body:has( .current-menu-item > a[href*="/latest-articles/"] ) .wp-block-query .wp-block-post-template > .wp-block-post:first-child { margin-top: 24px !important; } /* Slightly tighter matching gap on phones. */ @media screen and (max-width: 650px) { body:has( a[aria-current="page"][href*="/latest-articles/"] ) .wp-block-query .wp-block-post-template > .wp-block-post:first-child, body:has( .current-menu-item > a[href*="/latest-articles/"] ) .wp-block-query .wp-block-post-template > .wp-block-post:first-child { margin-top: 18px !important; } } /* ========================================================= SAFE SITE-WIDE IMAGE FRAME REMOVAL ========================================================= Removes borders, padding and shadows without deleting any CoverNews CSS background image. ========================================================= */ html body figure, html body picture, html body .wp-block-image, html body .post-thumbnail, html body .featured-image, html body .full-width-image, html body .read-img, html body .aft-image, html body .post-image, html body .featured-post-image, html body .widget_media_image, html body .gallery-icon, html body .wp-block-gallery figure, html body .wp-block-media-text__media, html body .entry-content figure, html body .entry-summary figure, html body .site-main article figure, html body .site-main article picture, html body .site-main article .wp-block-image, html body .site-main article .post-thumbnail, html body .site-main article .featured-image, html body .site-main article .full-width-image, html body .site-main article .read-img { border: 0 !important; outline: 0 !important; box-shadow: none !important; padding: 0 !important; /* Use only background-color here. Never use background:transparent or background-image:none. */ background-color: transparent !important; } html body img, html body figure img, html body picture img, html body .wp-block-image img, html body .post-thumbnail img, html body .featured-image img, html body .full-width-image img, html body .read-img img, html body .aft-image img, html body .post-image img, html body .featured-post-image img, html body .widget_media_image img, html body .gallery-icon img, html body .wp-block-gallery img, html body .wp-block-media-text__media img, html body .entry-content img, html body .entry-summary img, html body .site-main article img { border: 0 !important; outline: 0 !important; box-shadow: none !important; padding: 0 !important; background-color: transparent !important; } html body figure > a, html body picture > a, html body .wp-block-image > a, html body .post-thumbnail > a, html body .featured-image > a, html body .full-width-image > a, html body .read-img > a, html body .widget_media_image > a, html body .gallery-icon > a, html body a:has(> img) { border: 0 !important; outline: 0 !important; box-shadow: none !important; padding: 0 !important; background-color: transparent !important; } html body figure::before, html body figure::after, html body picture::before, html body picture::after, html body .wp-block-image::before, html body .wp-block-image::after, html body .post-thumbnail::before, html body .post-thumbnail::after, html body .featured-image::before, html body .featured-image::after, html body .full-width-image::before, html body .full-width-image::after, html body .read-img::before, html body .read-img::after, html body .widget_media_image::before, html body .widget_media_image::after { content: none !important; display: none !important; } /* ========================================================= FINAL COMPACT WHITE MASTHEAD COMPLETE LOGO VISIBLE — NAVIGATION REMAINS BELOW ========================================================= This controls only the masthead image/branding area. It does not restrict the height of the complete site header, so the navigation menu remains fully visible underneath. ========================================================= */ /* Keep the complete header white and full width. */ html body #masthead, html body header.site-header, html body .site-header { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; overflow: visible !important; } /* Compact desktop masthead image area. */ html body #masthead .header-main, html body #masthead .masthead-banner, html body #masthead .header-image, html body #masthead .wp-custom-header, html body .site-header .header-main, html body .site-header .masthead-banner, html body .site-header .header-image, html body .site-header .wp-custom-header { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; height: 190px !important; min-height: 190px !important; max-height: 190px !important; margin: 0 auto !important; padding: 8px 20px !important; background-color: #ffffff !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; overflow: hidden !important; box-sizing: border-box !important; } /* Keep all inner masthead containers centred and compact. */ html body #masthead .header-main .container, html body #masthead .header-main .container-wrapper, html body #masthead .header-main .wrapper, html body #masthead .header-main .af-container-row, html body #masthead .site-branding, html body .site-header .header-main .container, html body .site-header .header-main .container-wrapper, html body .site-header .header-main .wrapper, html body .site-header .header-main .af-container-row, html body .site-header .site-branding { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 1800px !important; height: 174px !important; min-height: 0 !important; max-height: 174px !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; overflow: hidden !important; box-sizing: border-box !important; } /* Centre the clickable logo/header-image wrapper. */ html body #masthead .custom-logo-link, html body #masthead .site-logo, html body #masthead .site-branding > a, html body #masthead .header-image > a, html body #masthead .wp-custom-header > a, html body .site-header .custom-logo-link, html body .site-header .site-logo, html body .site-header .site-branding > a, html body .site-header .header-image > a, html body .site-header .wp-custom-header > a { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 174px !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; } /* Display the complete masthead image or logo without cropping. */ html body #masthead .custom-logo, html body #masthead .custom-logo-link img, html body #masthead .site-logo img, html body #masthead .site-branding img, html body #masthead .header-image img, html body #masthead .wp-custom-header img, html body #masthead .header-main img, html body #masthead .masthead-banner img, html body .site-header .custom-logo, html body .site-header .custom-logo-link img, html body .site-header .site-logo img, html body .site-header .site-branding img, html body .site-header .header-image img, html body .site-header .wp-custom-header img, html body .site-header .header-main img, html body .site-header .masthead-banner img { display: block !important; width: auto !important; max-width: 96vw !important; height: auto !important; max-height: 174px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; transform: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; opacity: 1 !important; visibility: visible !important; } /* Prevent CoverNews background-image mastheads from using cover/cropping. */ html body #masthead .data-bg, html body #masthead .header-main.data-bg, html body #masthead .masthead-banner.data-bg, html body .site-header .data-bg, html body .site-header .header-main.data-bg, html body .site-header .masthead-banner.data-bg { height: 190px !important; min-height: 190px !important; max-height: 190px !important; background-color: #ffffff !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; -webkit-filter: none !important; filter: none !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; } /* Do not restrict or crop the navigation beneath the masthead. */ html body #masthead .main-navigation, html body .site-header .main-navigation, html body .main-navigation { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } /* Tablet masthead. */ @media screen and (max-width: 1024px) { html body #masthead .header-main, html body #masthead .masthead-banner, html body #masthead .header-image, html body #masthead .wp-custom-header, html body .site-header .header-main, html body .site-header .masthead-banner, html body .site-header .header-image, html body .site-header .wp-custom-header, html body #masthead .data-bg, html body .site-header .data-bg { height: 155px !important; min-height: 155px !important; max-height: 155px !important; padding: 7px 14px !important; } html body #masthead .header-main .container, html body #masthead .header-main .container-wrapper, html body #masthead .header-main .wrapper, html body #masthead .header-main .af-container-row, html body #masthead .site-branding, html body .site-header .header-main .container, html body .site-header .header-main .container-wrapper, html body .site-header .header-main .wrapper, html body .site-header .header-main .af-container-row, html body .site-header .site-branding, html body #masthead .custom-logo-link, html body .site-header .custom-logo-link { height: 141px !important; max-height: 141px !important; } html body #masthead .custom-logo, html body #masthead .custom-logo-link img, html body #masthead .site-logo img, html body #masthead .site-branding img, html body #masthead .header-image img, html body #masthead .wp-custom-header img, html body #masthead .header-main img, html body .site-header .custom-logo, html body .site-header .custom-logo-link img, html body .site-header .site-logo img, html body .site-header .site-branding img, html body .site-header .header-image img, html body .site-header .wp-custom-header img, html body .site-header .header-main img { max-width: 95vw !important; max-height: 141px !important; } } /* Phone masthead. */ @media screen and (max-width: 768px) { html body #masthead .header-main, html body #masthead .masthead-banner, html body #masthead .header-image, html body #masthead .wp-custom-header, html body .site-header .header-main, html body .site-header .masthead-banner, html body .site-header .header-image, html body .site-header .wp-custom-header, html body #masthead .data-bg, html body .site-header .data-bg { height: 115px !important; min-height: 115px !important; max-height: 115px !important; padding: 5px 8px !important; } html body #masthead .header-main .container, html body #masthead .header-main .container-wrapper, html body #masthead .header-main .wrapper, html body #masthead .header-main .af-container-row, html body #masthead .site-branding, html body .site-header .header-main .container, html body .site-header .header-main .container-wrapper, html body .site-header .header-main .wrapper, html body .site-header .header-main .af-container-row, html body .site-header .site-branding, html body #masthead .custom-logo-link, html body .site-header .custom-logo-link { height: 105px !important; max-height: 105px !important; } html body #masthead .custom-logo, html body #masthead .custom-logo-link img, html body #masthead .site-logo img, html body #masthead .site-branding img, html body #masthead .header-image img, html body #masthead .wp-custom-header img, html body #masthead .header-main img, html body .site-header .custom-logo, html body .site-header .custom-logo-link img, html body .site-header .site-logo img, html body .site-header .site-branding img, html body .site-header .header-image img, html body .site-header .wp-custom-header img, html body .site-header .header-main img { max-width: 94vw !important; max-height: 105px !important; } } /* ========================================================= COVERNEWS NATIVE MOBILE MENU TOGGLE ========================================================= CoverNews uses .toggle-menu and .ham, not .menu-toggle. The theme's own JavaScript remains responsible for opening and closing the menu. These rules only ensure the button is visible, clear and easy to tap. ========================================================= */ @media screen and (max-width: 768px) { html body .main-navigation, html body #site-navigation { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } html body .toggle-menu, html body .main-navigation .toggle-menu, html body #site-navigation .toggle-menu { display: flex !important; position: relative !important; justify-content: center !important; align-items: center !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 12px 18px !important; background: #ffffff !important; color: #111111 !important; border: 2px solid #2F7D3B !important; border-left: 0 !important; border-right: 0 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 15pt !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; cursor: pointer !important; z-index: 100000 !important; } /* Ensure the hamburger itself is visible. */ html body .toggle-menu .ham, html body .main-navigation .toggle-menu .ham, html body #site-navigation .toggle-menu .ham { display: block !important; position: relative !important; width: 25px !important; height: 3px !important; margin: 0 !important; background: #2F7D3B !important; border-radius: 2px !important; visibility: visible !important; opacity: 1 !important; } html body .toggle-menu .ham::before, html body .toggle-menu .ham::after, html body .main-navigation .toggle-menu .ham::before, html body .main-navigation .toggle-menu .ham::after, html body #site-navigation .toggle-menu .ham::before, html body #site-navigation .toggle-menu .ham::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; width: 25px !important; height: 3px !important; background: #2F7D3B !important; border-radius: 2px !important; } html body .toggle-menu .ham::before, html body .main-navigation .toggle-menu .ham::before, html body #site-navigation .toggle-menu .ham::before { top: -8px !important; } html body .toggle-menu .ham::after, html body .main-navigation .toggle-menu .ham::after, html body #site-navigation .toggle-menu .ham::after { top: 8px !important; } /* Preserve any menu wording already supplied by the theme. */ html body .toggle-menu span, html body .toggle-menu strong { visibility: visible !important; opacity: 1 !important; } } /* Hide the mobile trigger on desktop. */ @media screen and (min-width: 769px) { html body .toggle-menu, html body .main-navigation .toggle-menu, html body #site-navigation .toggle-menu { display: none !important; } } /* ========================================================= MOBILE MAIN MENU BUTTON — CLEAN TEXT-ONLY VERSION ========================================================= Displays a prominent theme-green button labelled “Main Menu”. The original CoverNews icon and every icon wrapper are completely hidden, removing the white square. When opened, the label changes to “Close Menu”. ========================================================= */ @media screen and (max-width: 768px) { html body .toggle-menu, html body .main-navigation .toggle-menu, html body #site-navigation .toggle-menu { display: flex !important; position: relative !important; justify-content: center !important; align-items: center !important; width: calc(100% - 24px) !important; max-width: 520px !important; min-height: 54px !important; margin: 10px auto !important; padding: 13px 20px !important; background: #2F7D3B !important; background-color: transparent !important; color: #ffffff !important; border: 2px solid #2F7D3B !important; border-radius: 4px !important; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.14) !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 16pt !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.3px !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; visibility: visible !important; opacity: 1 !important; cursor: pointer !important; overflow: hidden !important; z-index: 100000 !important; } /* * Remove every original CoverNews icon, hamburger line, * icon wrapper, span, SVG and decorative pseudo-element. * The button itself remains fully clickable. */ html body .toggle-menu > *, html body .main-navigation .toggle-menu > *, html body #site-navigation .toggle-menu > *, html body .toggle-menu .ham, html body .main-navigation .toggle-menu .ham, html body #site-navigation .toggle-menu .ham, html body .toggle-menu svg, html body .main-navigation .toggle-menu svg, html body #site-navigation .toggle-menu svg, html body .toggle-menu i, html body .main-navigation .toggle-menu i, html body #site-navigation .toggle-menu i, html body .toggle-menu .icon, html body .main-navigation .toggle-menu .icon, html body #site-navigation .toggle-menu .icon { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; pointer-events: none !important; } html body .toggle-menu .ham::before, html body .toggle-menu .ham::after, html body .main-navigation .toggle-menu .ham::before, html body .main-navigation .toggle-menu .ham::after, html body #site-navigation .toggle-menu .ham::before, html body #site-navigation .toggle-menu .ham::after { content: none !important; display: none !important; } /* * Remove the original CoverNews decorative menu chevron. * This was the small green arch appearing below the button. */ html body .toggle-menu::before, html body .main-navigation .toggle-menu::before, html body #site-navigation .toggle-menu::before, html body .toggle-menu:before, html body .main-navigation .toggle-menu:before, html body #site-navigation .toggle-menu:before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Add the only visible wording inside the button. */ html body .toggle-menu::after, html body .main-navigation .toggle-menu::after, html body #site-navigation .toggle-menu::after { content: "Main Menu" !important; display: block !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #ffffff !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 16pt !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.3px !important; text-align: center !important; text-transform: none !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; } /* Change the wording while the menu is open. */ html body .toggle-menu[aria-expanded="true"]::after, html body .main-navigation .toggle-menu[aria-expanded="true"]::after, html body #site-navigation .toggle-menu[aria-expanded="true"]::after { content: "Close Menu" !important; } /* Improve keyboard focus visibility. */ html body .toggle-menu:focus, html body .toggle-menu:focus-visible, html body .main-navigation .toggle-menu:focus, html body .main-navigation .toggle-menu:focus-visible, html body #site-navigation .toggle-menu:focus, html body #site-navigation .toggle-menu:focus-visible { outline: 3px solid #111111 !important; outline-offset: 3px !important; } } /* ========================================================= MOBILE ARTICLE PARAGRAPHS — LEFT ALIGNED ========================================================= On phones, article paragraphs use a natural ragged-right edge instead of centred or justified spacing. This prevents stretched gaps between words and improves readability. ========================================================= */ @media screen and (max-width: 768px) { body.single-post article p, body.single-post .entry-content p, body.single-post .post-content p, body.single-post .single-content p, body.single-post .post-description p, body.single-post [itemprop="articleBody"] p { text-align: left !important; text-align-last: left !important; text-justify: auto !important; word-spacing: normal !important; letter-spacing: normal !important; white-space: normal !important; } } /* ========================================================= PHONE-SPECIFIC PARAGRAPH ALIGNMENT — FINAL OVERRIDE ========================================================= Some CoverNews phone layouts apply their own alignment class or inline text alignment after the general mobile rules. This final rule targets phones more aggressively and overrides centred and justified paragraph classes inside single posts. ========================================================= */ @media screen and (max-width: 600px), screen and (max-device-width: 600px) { body.single-post main#main article p, body.single main#main article p, body.single-post article .entry-content p, body.single article .entry-content p, body.single-post article .post-content p, body.single article .post-content p, body.single-post article .single-content p, body.single article .single-content p, body.single-post article .post-description p, body.single article .post-description p, body.single-post article .wp-block-paragraph, body.single article .wp-block-paragraph, body.single-post article p.has-text-align-center, body.single article p.has-text-align-center, body.single-post article p.has-text-align-right, body.single article p.has-text-align-right, body.single-post article p.has-text-align-justify, body.single article p.has-text-align-justify, body.single-post article p[style*="text-align"], body.single article p[style*="text-align"] { text-align: left !important; text-align-last: left !important; text-justify: auto !important; word-spacing: normal !important; letter-spacing: normal !important; white-space: normal !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } } /* ========================================================= RESPONSIVE ARTICLE PARAGRAPH SIZE — FINAL OVERRIDE ========================================================= The desktop article size remains unchanged. Tablets use 15pt and phones use 14pt for a more comfortable, less crowded reading experience. ========================================================= */ /* Tablets. */ @media screen and (min-width: 769px) and (max-width: 1024px) { body.single-post main#main article p, body.single main#main article p, body.single-post article .entry-content p, body.single article .entry-content p, body.single-post article .post-content p, body.single article .post-content p, body.single-post article .single-content p, body.single article .single-content p, body.single-post article .post-description p, body.single article .post-description p, body.single-post article .wp-block-paragraph, body.single article .wp-block-paragraph, body.single-post article [itemprop="articleBody"] p, body.single article [itemprop="articleBody"] p { font-size: 15pt !important; line-height: 1.55 !important; } } /* Phones. */ @media screen and (max-width: 768px), screen and (max-device-width: 768px) { body.single-post main#main article p, body.single main#main article p, body.single-post article .entry-content p, body.single article .entry-content p, body.single-post article .post-content p, body.single article .post-content p, body.single-post article .single-content p, body.single article .single-content p, body.single-post article .post-description p, body.single article .post-description p, body.single-post article .wp-block-paragraph, body.single article .wp-block-paragraph, body.single-post article [itemprop="articleBody"] p, body.single article [itemprop="articleBody"] p { font-size: 14pt !important; line-height: 1.55 !important; } } /* ========================================================= ABOUT PAGE — STICKY BANNER STICKY MENU (OR ANYTHING!) PLUGIN ========================================================= WORDPRESS SETUP: 1. Select the About-page banner Image block, Group or Container. 2. Add this Additional CSS class: about-sticky-banner 3. In Sticky Menu (or Anything!), use this selector: .about-sticky-banner 4. Set the plugin top spacing to 0px. 5. Set the plugin minimum screen width to 769px. 6. Set the plugin z-index to 99980. The existing fixed-header system supplies the exact header height through --la-fixed-header-height. The banner therefore sticks directly beneath the complete masthead and navigation without covering either of them. ========================================================= */ /* Normal banner appearance before it becomes sticky. */ .about-sticky-banner { display: block !important; position: relative !important; width: 100% !important; max-width: 750px !important; margin: 0 auto 28px !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; border: 0 !important; outline: 0 !important; overflow: hidden !important; z-index: 99980 !important; isolation: isolate !important; box-sizing: border-box !important; } /* Keep the supplied About banner clear, proportional and unfiltered. */ .about-sticky-banner img, .about-sticky-banner picture, .about-sticky-banner picture img { display: block !important; position: static !important; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; object-fit: contain !important; object-position: center !important; -webkit-filter: none !important; filter: none !important; mix-blend-mode: normal !important; transform: none !important; border: 0 !important; box-shadow: none !important; } /* Sticky Anything adds .element-is-sticky while the banner is fixed. */ body .about-sticky-banner.element-is-sticky { position: fixed !important; top: var(--la-fixed-header-height, 0px) !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(750px, 100vw) !important; max-width: 750px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; transform: translateX(-50%) !important; z-index: 99980 !important; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.20) !important; overflow: hidden !important; } /* Preserve the correct centred width when the plugin inserts inline styles. */ body .about-sticky-banner.element-is-sticky[style] { top: var(--la-fixed-header-height, 0px) !important; right: auto !important; left: 50% !important; width: min(750px, 100vw) !important; max-width: 750px !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%) !important; } /* Keep links and hover effects from altering the sticky banner. */ .about-sticky-banner a, .about-sticky-banner a:hover, .about-sticky-banner a:focus, .about-sticky-banner a:focus-visible { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline-offset: 3px !important; text-decoration: none !important; } .about-sticky-banner a:hover img, .about-sticky-banner a:focus img, .about-sticky-banner a:focus-visible img { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; transform: none !important; } /* Disable the sticky banner on tablets and phones so that it does not occupy too much of the available reading screen. The banner remains visible in its normal position. */ @media screen and (max-width: 768px) { .about-sticky-banner, body .about-sticky-banner.element-is-sticky, body .about-sticky-banner.element-is-sticky[style] { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 22px !important; transform: none !important; box-shadow: none !important; } } /* Remove the banner from printed pages. */ @media print { .about-sticky-banner, .about-sticky-banner.element-is-sticky { display: none !important; } } /* ========================================================= FINAL MULTI-POST GRID IMAGE FIX — EXACT 1200 × 628 RATIO ========================================================= This section affects only Home, blog, archive, category, tag, author, date, search and the Latest Articles page. Single-post pages are intentionally excluded because their images were already displaying correctly. ========================================================= */ :root { --la-grid-image-ratio: 300 / 157; } /* Cards must end naturally rather than stretching to grid-row height. */ :is( body.home, body.front-page, body.blog, body.archive, body.category, body.tag, body.author, body.date, body.search, body.page-id-76725 ) .site-main :is( article, .read-single, .list-style, .grid-item, .wp-block-post ) { height: auto !important; min-height: 0 !important; max-height: none !important; align-self: start !important; background-color: #ffffff !important; } /* Standard thumbnail frames. */ :is( body.home, body.front-page, body.blog, body.archive, body.category, body.tag, body.author, body.date, body.search, body.page-id-76725 ) .site-main :is( .post-thumbnail, .featured-image, .full-width-image, .read-img:not(.data-bg), .aft-image:not(.data-bg), .post-image:not(.data-bg), .featured-post-image:not(.data-bg), .wp-block-post-featured-image, .wp-block-latest-posts__featured-image ) { display: block !important; position: relative !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: var(--la-grid-image-ratio) !important; margin: 0 0 14px !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background-color: transparent !important; overflow: hidden !important; box-sizing: border-box !important; } /* Links occupy exactly the same frame as the thumbnail. */ :is( body.home, body.front-page, body.blog, body.archive, body.category, body.tag, body.author, body.date, body.search, body.page-id-76725 ) .site-main :is( .post-thumbnail, .featured-image, .full-width-image, .read-img:not(.data-bg), .aft-image:not(.data-bg), .post-image:not(.data-bg), .featured-post-image:not(.data-bg), .wp-block-post-featured-image, .wp-block-latest-posts__featured-image ) > a { display: block !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; border: 0 !important; box-shadow: none !important; background-color: transparent !important; overflow: hidden !important; } /* Normal image files completely fill the 1200:628 frame. */ :is( body.home, body.front-page, body.blog, body.archive, body.category, body.tag, body.author, body.date, body.search, body.page-id-76725 ) .site-main :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image ) img { display: block !important; position: absolute !important; inset: 0 !important; float: none !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background-color: transparent !important; } /* CoverNews CSS-background thumbnails. The existing background-image URL is preserved. */ :is( body.home, body.front-page, body.blog, body.archive, body.category, body.tag, body.author, body.date, body.search, body.page-id-76725 ) .site-main :is( .data-bg, .read-img.data-bg, .aft-image.data-bg, .post-image.data-bg, .featured-post-image.data-bg ) { display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: var(--la-grid-image-ratio) !important; margin: 0 0 14px !important; padding: 0 !important; background-color: transparent !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* Remove residual spacing and colour from immediate media parents. */ :is( body.home, body.front-page, body.blog, body.archive, body.category, body.tag, body.author, body.date, body.search, body.page-id-76725 ) .site-main :is( div, figure, picture, a ):has(> .data-bg) { min-height: 0 !important; max-height: none !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background-color: transparent !important; overflow: hidden !important; } /* ========================================================= HOMEPAGE POSTS INDEX — FINAL GREY-BOX REMOVAL ========================================================= Applies ONLY when WordPress is set to: Settings > Reading > Your homepage displays > Your latest posts The posts-index homepage normally carries both body classes: .home and .blog. Other pages, archives and individual posts are not changed. ========================================================= */ :root { --la-home-image-ratio: 300 / 157; } /* --------------------------------------------------------- 1. HOMEPAGE POST CARDS MUST NOT STRETCH --------------------------------------------------------- */ html body.home.blog .site-main article, html body.home.blog .site-main .read-single, html body.home.blog .site-main .list-style, html body.home.blog .site-main .grid-item, html body.home.blog .site-main .archive-post, html body.home.blog .site-main .post-item { height: auto !important; min-height: 0 !important; max-height: none !important; align-self: start !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; overflow: visible !important; box-sizing: border-box !important; } /* Prevent the homepage grid from stretching every card to the height of the tallest card in its row. */ html body.home.blog .site-main .af-container-row, html body.home.blog .site-main .aft-archive-wrapper, html body.home.blog .site-main .archive-posts, html body.home.blog .site-main .posts-wrapper, html body.home.blog .site-main .posts-wrap, html body.home.blog .site-main .content-list, html body.home.blog .site-main .row:has(> article), html body.home.blog .site-main *:has(> article.post), html body.home.blog .site-main *:has(> .read-single), html body.home.blog .site-main *:has(> .grid-item) { align-items: start !important; align-content: start !important; grid-auto-rows: auto !important; } /* --------------------------------------------------------- 2. REMOVE HEIGHT, PADDING AND GREY BACKING FROM EVERY POSSIBLE HOMEPAGE IMAGE PARENT --------------------------------------------------------- */ html body.home.blog .site-main article :is( div, figure, picture, span, a ):has(> img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley)), html body.home.blog .site-main article :is( div, figure, picture, span ):has(> a > img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley)), html body.home.blog .site-main :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image ) { display: block !important; position: relative !important; float: none !important; clear: both !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; line-height: 0 !important; font-size: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; -webkit-filter: none !important; filter: none !important; } /* Do not erase a real CoverNews CSS background image. These selectors restore the inline image after the general wrapper reset above by preserving background-image. */ html body.home.blog .site-main article [style*="background-image"], html body.home.blog .site-main .data-bg, html body.home.blog .site-main .read-img.data-bg, html body.home.blog .site-main .aft-image.data-bg, html body.home.blog .site-main .post-image.data-bg, html body.home.blog .site-main .featured-post-image.data-bg { display: block !important; position: relative !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: var(--la-home-image-ratio) !important; margin: 0 0 14px !important; padding: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; background-color: transparent !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* Parents of CSS-background thumbnails must collapse exactly around the 1200:628 image layer. */ html body.home.blog .site-main article :is( div, figure, picture, span, a ):has(> [style*="background-image"]), html body.home.blog .site-main article :is( div, figure, picture, span, a ):has(> .data-bg) { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 3. NORMAL HOMEPAGE IMAGE FILES — 1200:628 --------------------------------------------------------- */ html body.home.blog .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.home.blog .site-main .read-single img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.home.blog .site-main .list-style img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.home.blog .site-main .grid-item img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley) { display: block !important; position: static !important; float: none !important; vertical-align: top !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: var(--la-home-image-ratio) !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; background: transparent !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 4. REMOVE HOMEPAGE IMAGE PLACEHOLDERS AND OVERLAYS --------------------------------------------------------- */ html body.home.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg )::before, html body.home.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg )::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- 5. RESET THE HOMEPAGE DETAILS AREA BELOW EACH IMAGE This removes a grey backing or inherited fixed height without hiding the title, author, excerpt or Read Article link. --------------------------------------------------------- */ /* --------------------------------------------------------- 6. SMALL SCREENS --------------------------------------------------------- */ @media screen and (max-width: 1200px) { html body.home.blog .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.home.blog .site-main article [style*="background-image"], html body.home.blog .site-main article .data-bg { width: 100% !important; max-width: 100% !important; } } /* ========================================================= FINAL POST-NAVIGATION ARROW VISIBILITY FIX ========================================================= Desktop arrows remain theme green with a visible white symbol before hover. Hover and keyboard focus use the darker green. ========================================================= */ @media screen and (min-width: 1025px) { html body.single-post .post-navigation .nav-previous a, html body.single-post .post-navigation .nav-next a, html body.single-post .posts-navigation .nav-previous a, html body.single-post .posts-navigation .nav-next a { color: #ffffff !important; background: #2F7D3B !important; background-color: #2F7D3B !important; border-color: #2F7D3B !important; } html body.single-post .post-navigation .nav-previous a::before, html body.single-post .post-navigation .nav-next a::before, html body.single-post .posts-navigation .nav-previous a::before, html body.single-post .posts-navigation .nav-next a::before { color: #ffffff !important; opacity: 1 !important; visibility: visible !important; } html body.single-post .post-navigation .nav-previous a:hover, html body.single-post .post-navigation .nav-previous a:focus, html body.single-post .post-navigation .nav-previous a:focus-visible, html body.single-post .post-navigation .nav-next a:hover, html body.single-post .post-navigation .nav-next a:focus, html body.single-post .post-navigation .nav-next a:focus-visible, html body.single-post .posts-navigation .nav-previous a:hover, html body.single-post .posts-navigation .nav-previous a:focus, html body.single-post .posts-navigation .nav-previous a:focus-visible, html body.single-post .posts-navigation .nav-next a:hover, html body.single-post .posts-navigation .nav-next a:focus, html body.single-post .posts-navigation .nav-next a:focus-visible { color: #ffffff !important; background: #245F2D !important; background-color: #245F2D !important; border-color: #245F2D !important; } } /* ========================================================= CENTRED NAVIGATION ARROWS — CONTINUOUS FADE IN AND OUT ========================================================= - Both arrows sit at the exact vertical midpoint: 50% below the top and 50% above the bottom. - The existing paragraph-boundary visibility system remains. - While active, the arrows gently fade from faint to fully visible and back again. - Hover, keyboard focus and touch hold the arrow fully visible. ========================================================= */ @keyframes la-navigation-arrow-fade { 0%, 100% { filter: opacity(0.28); } 50% { filter: opacity(1); } } /* Exact vertical centre on desktop, tablet and phone. */ html body.single-post .post-navigation .nav-previous a, html body.single-post .post-navigation .nav-next a, html body.single-post .posts-navigation .nav-previous a, html body.single-post .posts-navigation .nav-next a { top: 25% !important; bottom: auto !important; transform: translateY(-50%) !important; } /* Start the continuous fade only while the navigation arrows are active within the permitted article-reading region. */ html body.single-post.la-paragraph-arrows-active .post-navigation .nav-previous a, html body.single-post.la-paragraph-arrows-active .post-navigation .nav-next a, html body.single-post.la-paragraph-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-paragraph-arrows-active .posts-navigation .nav-next a { animation: la-navigation-arrow-fade 2.6s ease-in-out infinite !important; transform: translateY(-50%) scale(1) !important; } /* Keep the selected arrow completely visible during interaction. */ html body.single-post .post-navigation .nav-previous a:hover, html body.single-post .post-navigation .nav-previous a:focus, html body.single-post .post-navigation .nav-previous a:focus-visible, html body.single-post .post-navigation .nav-previous a:active, html body.single-post .post-navigation .nav-next a:hover, html body.single-post .post-navigation .nav-next a:focus, html body.single-post .post-navigation .nav-next a:focus-visible, html body.single-post .post-navigation .nav-next a:active, html body.single-post .posts-navigation .nav-previous a:hover, html body.single-post .posts-navigation .nav-previous a:focus, html body.single-post .posts-navigation .nav-previous a:focus-visible, html body.single-post .posts-navigation .nav-previous a:active, html body.single-post .posts-navigation .nav-next a:hover, html body.single-post .posts-navigation .nav-next a:focus, html body.single-post .posts-navigation .nav-next a:focus-visible, html body.single-post .posts-navigation .nav-next a:active { animation: none !important; filter: opacity(1) !important; transform: translateY(-50%) scale(1.04) !important; } /* Visitors requesting reduced motion receive static arrows. */ @media (prefers-reduced-motion: reduce) { html body.single-post.la-paragraph-arrows-active .post-navigation .nav-previous a, html body.single-post.la-paragraph-arrows-active .post-navigation .nav-next a, html body.single-post.la-paragraph-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-paragraph-arrows-active .posts-navigation .nav-next a { animation: none !important; filter: opacity(1) !important; } } /* ========================================================= NAVIGATION-ARROW FADE — START ONLY AFTER 50% PAGE SCROLL ========================================================= The companion JavaScript adds .la-half-page-arrows-active to only after the reader reaches exactly 50% of the page's total scrollable distance. Before 50%: - arrows are completely hidden; - no fade animation runs. At and after 50%: - arrows become available within the existing paragraph region; - the continuous fade-in/fade-out cycle begins. ========================================================= */ /* Override the earlier paragraph-only visibility rule. Reaching the paragraph region alone is no longer sufficient. */ html body.single-post:not(.la-half-page-arrows-active) .post-navigation .nav-previous a, html body.single-post:not(.la-half-page-arrows-active) .post-navigation .nav-next a, html body.single-post:not(.la-half-page-arrows-active) .posts-navigation .nav-previous a, html body.single-post:not(.la-half-page-arrows-active) .posts-navigation .nav-next a { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; animation: none !important; filter: opacity(0) !important; transform: translateY(-50%) scale(0.92) !important; } /* Begin fading only when BOTH conditions are true: 1. the reader has reached 50% of the page; and 2. the existing paragraph-boundary system is active. */ html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .post-navigation .nav-previous a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .post-navigation .nav-next a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: la-navigation-arrow-fade 2.6s ease-in-out infinite !important; filter: opacity(1); transform: translateY(-50%) scale(1) !important; } /* Interaction holds the active arrow fully visible. */ html body.single-post.la-half-page-arrows-active .post-navigation .nav-previous a:hover, html body.single-post.la-half-page-arrows-active .post-navigation .nav-previous a:focus, html body.single-post.la-half-page-arrows-active .post-navigation .nav-previous a:focus-visible, html body.single-post.la-half-page-arrows-active .post-navigation .nav-next a:hover, html body.single-post.la-half-page-arrows-active .post-navigation .nav-next a:focus, html body.single-post.la-half-page-arrows-active .post-navigation .nav-next a:focus-visible, html body.single-post.la-half-page-arrows-active .posts-navigation .nav-previous a:hover, html body.single-post.la-half-page-arrows-active .posts-navigation .nav-previous a:focus, html body.single-post.la-half-page-arrows-active .posts-navigation .nav-previous a:focus-visible, html body.single-post.la-half-page-arrows-active .posts-navigation .nav-next a:hover, html body.single-post.la-half-page-arrows-active .posts-navigation .nav-next a:focus, html body.single-post.la-half-page-arrows-active .posts-navigation .nav-next a:focus-visible { animation: none !important; filter: opacity(1) !important; opacity: 1 !important; visibility: visible !important; transform: translateY(-50%) scale(1.04) !important; } /* ========================================================= FINAL POST-NAVIGATION POSITION — 25% BELOW THE TOP ========================================================= Arrows sit exactly 25% below the top. The fade begins after 50% page progress. ========================================================= */ html body.single-post .post-navigation .nav-previous a, html body.single-post .post-navigation .nav-next a, html body.single-post .posts-navigation .nav-previous a, html body.single-post .posts-navigation .nav-next a { top: 25% !important; bottom: auto !important; transform: translateY(-50%) !important; } html body.single-post.la-paragraph-arrows-active .post-navigation .nav-previous a, html body.single-post.la-paragraph-arrows-active .post-navigation .nav-next a, html body.single-post.la-paragraph-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-paragraph-arrows-active .posts-navigation .nav-next a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .post-navigation .nav-previous a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .post-navigation .nav-next a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-half-page-arrows-active.la-paragraph-arrows-active .posts-navigation .nav-next a { top: 25% !important; bottom: auto !important; transform: translateY(-50%) scale(1) !important; } html body.single-post .post-navigation .nav-previous a:hover, html body.single-post .post-navigation .nav-previous a:focus, html body.single-post .post-navigation .nav-previous a:focus-visible, html body.single-post .post-navigation .nav-next a:hover, html body.single-post .post-navigation .nav-next a:focus, html body.single-post .post-navigation .nav-next a:focus-visible, html body.single-post .posts-navigation .nav-previous a:hover, html body.single-post .posts-navigation .nav-previous a:focus, html body.single-post .posts-navigation .nav-previous a:focus-visible, html body.single-post .posts-navigation .nav-next a:hover, html body.single-post .posts-navigation .nav-next a:focus, html body.single-post .posts-navigation .nav-next a:focus-visible { top: 25% !important; bottom: auto !important; transform: translateY(-50%) scale(1.04) !important; } /* ========================================================= FINAL POST-NAVIGATION VISIBILITY REGION FEATURED IMAGE TO PRIMARY SOURCES ========================================================= The companion PHP snippet adds: - .la-reading-arrows-active while the reader is between the end of the featured image and the Primary Sources section. - .la-reading-arrows-ending briefly while the arrows fade out. Arrow position: - Exactly 25% below the top of the viewport. This final section overrides all former halfway, 50% and 75% trigger rules without changing the navigation links themselves. ========================================================= */ @keyframes la-reading-arrow-pulse { 0%, 100% { opacity: 0.32; } 50% { opacity: 1; } } @keyframes la-reading-arrow-exit { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } } /* Default state: completely hidden. */ html body.single-post .post-navigation .nav-previous a, html body.single-post .post-navigation .nav-next a, html body.single-post .posts-navigation .nav-previous a, html body.single-post .posts-navigation .nav-next a { top: 25% !important; bottom: auto !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; animation: none !important; filter: none !important; transform: translateY(-50%) scale(0.96) !important; } /* Active reading region: just before the featured image ends until Primary Sources. */ html body.single-post.la-reading-arrows-active .post-navigation .nav-previous a, html body.single-post.la-reading-arrows-active .post-navigation .nav-next a, html body.single-post.la-reading-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-reading-arrows-active .posts-navigation .nav-next a { top: 25% !important; bottom: auto !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: la-reading-arrow-pulse 2.6s ease-in-out infinite !important; filter: none !important; transform: translateY(-50%) scale(1) !important; } /* Fade out when the Primary Sources section reaches the arrows. */ html body.single-post.la-reading-arrows-ending .post-navigation .nav-previous a, html body.single-post.la-reading-arrows-ending .post-navigation .nav-next a, html body.single-post.la-reading-arrows-ending .posts-navigation .nav-previous a, html body.single-post.la-reading-arrows-ending .posts-navigation .nav-next a { top: 25% !important; bottom: auto !important; visibility: visible !important; pointer-events: none !important; animation: la-reading-arrow-exit 0.55s ease-out forwards !important; filter: none !important; transform: translateY(-50%) scale(0.97) !important; } /* Hover, keyboard focus and touch hold the arrow fully visible. */ html body.single-post.la-reading-arrows-active .post-navigation .nav-previous a:hover, html body.single-post.la-reading-arrows-active .post-navigation .nav-previous a:focus, html body.single-post.la-reading-arrows-active .post-navigation .nav-previous a:focus-visible, html body.single-post.la-reading-arrows-active .post-navigation .nav-previous a:active, html body.single-post.la-reading-arrows-active .post-navigation .nav-next a:hover, html body.single-post.la-reading-arrows-active .post-navigation .nav-next a:focus, html body.single-post.la-reading-arrows-active .post-navigation .nav-next a:focus-visible, html body.single-post.la-reading-arrows-active .post-navigation .nav-next a:active, html body.single-post.la-reading-arrows-active .posts-navigation .nav-previous a:hover, html body.single-post.la-reading-arrows-active .posts-navigation .nav-previous a:focus, html body.single-post.la-reading-arrows-active .posts-navigation .nav-previous a:focus-visible, html body.single-post.la-reading-arrows-active .posts-navigation .nav-previous a:active, html body.single-post.la-reading-arrows-active .posts-navigation .nav-next a:hover, html body.single-post.la-reading-arrows-active .posts-navigation .nav-next a:focus, html body.single-post.la-reading-arrows-active .posts-navigation .nav-next a:focus-visible, html body.single-post.la-reading-arrows-active .posts-navigation .nav-next a:active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: none !important; transform: translateY(-50%) scale(1.04) !important; } /* Reduced-motion visitors receive static arrows in the same region. */ @media (prefers-reduced-motion: reduce) { html body.single-post.la-reading-arrows-active .post-navigation .nav-previous a, html body.single-post.la-reading-arrows-active .post-navigation .nav-next a, html body.single-post.la-reading-arrows-active .posts-navigation .nav-previous a, html body.single-post.la-reading-arrows-active .posts-navigation .nav-next a { opacity: 1 !important; animation: none !important; } html body.single-post.la-reading-arrows-ending .post-navigation .nav-previous a, html body.single-post.la-reading-arrows-ending .post-navigation .nav-next a, html body.single-post.la-reading-arrows-ending .posts-navigation .nav-previous a, html body.single-post.la-reading-arrows-ending .posts-navigation .nav-next a { display: none !important; animation: none !important; } } /* ========================================================= FINAL OVERRIDE — HIDE TITLES ON WORDPRESS PAGES ONLY ========================================================= Removes the visible title from static/non-post pages while preserving individual post titles, archive titles, search results and article titles inside Query Loops or post grids. ========================================================= */ /* Classic CoverNews / WordPress page templates. */ html body.page .site-main > article.page > .entry-header > .entry-title, html body.page .site-main > article.type-page > .entry-header > .entry-title, html body.page main#primary > article.page > .entry-header > .entry-title, html body.page main#primary > article.type-page > .entry-header > .entry-title, html body.page .content-area > article.page > .entry-header > .entry-title, html body.page .content-area > article.type-page > .entry-header > .entry-title, /* Alternate theme page-title structures. */ html body.page .site-main > .page-header > .page-title, html body.page main#primary > .page-header > .page-title, html body.page .content-area > .page-header > .page-title, html body.page .site-main > h1.entry-title, html body.page main#primary > h1.entry-title, /* Block-theme or block-template page titles. */ html body.page .site-main > .wp-block-post-title, html body.page .site-main > h1.wp-block-post-title, html body.page main#primary > .wp-block-post-title, html body.page main#primary > h1.wp-block-post-title { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* Remove an entry-header only when the hidden page title is its sole element. Headers containing an image or other content stay. */ html body.page .site-main > article.page > .entry-header:has(> .entry-title):not(:has(> :not(.entry-title))), html body.page .site-main > article.type-page > .entry-header:has(> .entry-title):not(:has(> :not(.entry-title))), html body.page main#primary > article.page > .entry-header:has(> .entry-title):not(:has(> :not(.entry-title))), html body.page main#primary > article.type-page > .entry-header:has(> .entry-title):not(:has(> :not(.entry-title))) { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } /* Remove residual top spacing without touching nested post cards. */ html body.page .site-main > article.page, html body.page .site-main > article.type-page, html body.page main#primary > article.page, html body.page main#primary > article.type-page { margin-top: 0 !important; padding-top: 0 !important; } /* ========================================================= FINAL BLACK-AND-WHITE IMAGE OVERRIDE All website images are black and white. Masthead and header images remain in full colour. This block must remain at the absolute end of the stylesheet. ========================================================= */ /* * The #page ID gives this rule enough specificity to override * the older static-page and Limerick Generations colour rules. */ html body:not(.wp-admin) #page img, html body:not(.wp-admin) #page picture img, html body:not(.wp-admin) #page .wp-block-cover__image-background { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; opacity: 1 !important; visibility: visible !important; } /* Keep every masthead and header image in its original full colour. */ html body:not(.wp-admin) #page #masthead img, html body:not(.wp-admin) #page header.site-header img, html body:not(.wp-admin) #page .site-header img, html body:not(.wp-admin) #page .header-layout-1 img, html body:not(.wp-admin) #page .site-branding img, html body:not(.wp-admin) #page .site-logo img, html body:not(.wp-admin) #page .custom-logo, html body:not(.wp-admin) #page .custom-logo-link img, html body:not(.wp-admin) #page .header-image img, html body:not(.wp-admin) #page .custom-header img, html body:not(.wp-admin) #page .wp-custom-header img, html body:not(.wp-admin) #masthead img, html body:not(.wp-admin) header.site-header img, html body:not(.wp-admin) .site-header img, html body:not(.wp-admin) .header-layout-1 img, html body:not(.wp-admin) .site-branding img, html body:not(.wp-admin) .site-logo img, html body:not(.wp-admin) .custom-logo, html body:not(.wp-admin) .custom-logo-link img, html body:not(.wp-admin) .header-image img, html body:not(.wp-admin) .custom-header img, html body:not(.wp-admin) .wp-custom-header img { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; visibility: visible !important; mix-blend-mode: normal !important; } /* ========================================================= STATIC WORDPRESS PAGES — FLOATING PREVIOUS/NEXT ARROWS ========================================================= Companion PHP snippet: “Static Page Navigation Arrows” Page order: - Primary-menu order wherever the page appears in that menu. - WordPress sibling order for pages outside the menu. Behaviour: - Same green arrow design used on individual posts. - Exactly 25% below the top of the viewport. - Appears after the page banner/first image. - Fades out at Primary Sources, when present, or at the end of the page content. - The first page shows only Next; the last shows only Previous. ========================================================= */ html body.page .la-page-navigation, html body.page .la-page-navigation .nav-links, html body.page .la-page-navigation .nav-previous, html body.page .la-page-navigation .nav-next { width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; clear: none !important; overflow: visible !important; } @keyframes la-page-reading-arrow-pulse { 0%, 100% { opacity: 0.32; } 50% { opacity: 1; } } @keyframes la-page-reading-arrow-exit { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } } /* Shared page-arrow button design and default hidden state. */ html body.page .la-page-navigation .nav-previous a, html body.page .la-page-navigation .nav-next a { position: fixed !important; top: 25% !important; bottom: auto !important; z-index: 99990 !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: #2F7D3B !important; background-color: #2F7D3B !important; border: 2px solid #2F7D3B !important; font-size: 0 !important; line-height: 0 !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; animation: none !important; filter: none !important; transform: translateY(-50%) scale(0.96) !important; transition: opacity 0.20s ease, visibility 0.20s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important; box-sizing: border-box !important; } /* Remove any theme-generated labels or duplicate symbols. */ html body.page .la-page-navigation .nav-previous a *, html body.page .la-page-navigation .nav-next a * { display: none !important; } html body.page .la-page-navigation .nav-previous a::after, html body.page .la-page-navigation .nav-next a::after { content: none !important; display: none !important; } /* Left arrow: previous page. */ html body.page .la-page-navigation .nav-next a::before { content: "‹" !important; display: block !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 44px !important; font-weight: 400 !important; line-height: 1 !important; } /* Right arrow: next page. */ html body.page .la-page-navigation .nav-previous a::before { content: "›" !important; display: block !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 44px !important; font-weight: 400 !important; line-height: 1 !important; } /* Active reading region. */ html body.page.la-page-reading-arrows-active .la-page-navigation .nav-previous a, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: la-page-reading-arrow-pulse 2.6s ease-in-out infinite !important; filter: none !important; transform: translateY(-50%) scale(1) !important; } /* Fade out at Primary Sources or the end of the page content. */ html body.page.la-page-reading-arrows-ending .la-page-navigation .nav-previous a, html body.page.la-page-reading-arrows-ending .la-page-navigation .nav-next a { visibility: visible !important; pointer-events: none !important; animation: la-page-reading-arrow-exit 0.55s ease-out forwards !important; transform: translateY(-50%) scale(0.97) !important; } /* Interaction holds the selected arrow fully visible. */ html body.page.la-page-reading-arrows-active .la-page-navigation .nav-previous a:hover, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-previous a:focus, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-previous a:focus-visible, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-previous a:active, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-next a:hover, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-next a:focus, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-next a:focus-visible, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-next a:active { color: #ffffff !important; background: #245F2D !important; background-color: #245F2D !important; border-color: #245F2D !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: none !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.30) !important; outline: 3px solid rgba(47, 125, 59, 0.25) !important; outline-offset: 2px !important; transform: translateY(-50%) scale(1.04) !important; } /* Desktop and laptop placement outside the centred 750px page column. */ @media screen and (min-width: 1025px) { html body.page .la-page-navigation .nav-previous a, html body.page .la-page-navigation .nav-next a { width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; border-radius: 7px !important; } html body.page .la-page-navigation .nav-next a { left: max(8px, calc(50vw - 437px)) !important; right: auto !important; } html body.page .la-page-navigation .nav-previous a { right: max(8px, calc(50vw - 437px)) !important; left: auto !important; } } /* Tablets and phones: compact arrows against the screen edges. */ @media screen and (max-width: 1024px) { html body.page .la-page-navigation .nav-previous a, html body.page .la-page-navigation .nav-next a { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; background: rgba(47, 125, 59, 0.94) !important; background-color: rgba(47, 125, 59, 0.94) !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22) !important; } html body.page .la-page-navigation .nav-next a { left: 2px !important; right: auto !important; border-left: 0 !important; border-radius: 0 7px 7px 0 !important; } html body.page .la-page-navigation .nav-previous a { right: 2px !important; left: auto !important; border-right: 0 !important; border-radius: 7px 0 0 7px !important; } html body.page .la-page-navigation .nav-next a::before, html body.page .la-page-navigation .nav-previous a::before { font-size: 38px !important; } } /* Extra-small phones. */ @media screen and (max-width: 420px) { html body.page .la-page-navigation .nav-previous a, html body.page .la-page-navigation .nav-next a { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; } html body.page .la-page-navigation .nav-next a::before, html body.page .la-page-navigation .nav-previous a::before { font-size: 34px !important; } } /* Reduced-motion visitors receive static arrows. */ @media (prefers-reduced-motion: reduce) { html body.page .la-page-navigation .nav-previous a, html body.page .la-page-navigation .nav-next a { transition: none !important; } html body.page.la-page-reading-arrows-active .la-page-navigation .nav-previous a, html body.page.la-page-reading-arrows-active .la-page-navigation .nav-next a { opacity: 1 !important; animation: none !important; } html body.page.la-page-reading-arrows-ending .la-page-navigation .nav-previous a, html body.page.la-page-reading-arrows-ending .la-page-navigation .nav-next a { display: none !important; animation: none !important; } } /* Do not print floating page arrows. */ @media print { html body.page .la-page-navigation { display: none !important; } } /* ========================================================= LIMERICK ARCHIVES — PERMANENT ARROWS SITE-WIDE ========================================================= Applies to: - Every individual post - Every static WordPress page - Desktop, tablet and phone Behaviour: - Visible immediately - Visible throughout the complete page scroll - No fading - No paragraph trigger - No halfway-page trigger - Fixed at 25% below the top of the browser screen ========================================================= */ /* ========================================================= STATIC-PAGE ARROWS ========================================================= */ html body a.la2-page-arrow.la2-page-arrow { top: 25% !important; bottom: auto !important; display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: none !important; transform: translateY(-50%) scale(1) !important; } /* Keep page arrows visible during every interaction. */ html body a.la2-page-arrow.la2-page-arrow:hover, html body a.la2-page-arrow.la2-page-arrow:focus, html body a.la2-page-arrow.la2-page-arrow:focus-visible, html body a.la2-page-arrow.la2-page-arrow:active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: none !important; transform: translateY(-50%) scale(1.04) !important; } /* ========================================================= INDIVIDUAL-POST ARROWS ========================================================= The repeated .single-post classes deliberately give this final override greater strength than the old fade and scroll-trigger rules already present in the stylesheet. ========================================================= */ html body.single-post.single-post.single-post.single-post .post-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .post-navigation .nav-next a, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-next a { position: fixed !important; top: 25% !important; bottom: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: opacity(1) !important; transform: translateY(-50%) scale(1) !important; } /* Keep post arrows visible even before old activation classes have been added to the body element. */ html body.single-post.single-post.single-post.single-post:not( .la-half-page-arrows-active ) .post-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post:not( .la-half-page-arrows-active ) .post-navigation .nav-next a, html body.single-post.single-post.single-post.single-post:not( .la-half-page-arrows-active ) .posts-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post:not( .la-half-page-arrows-active ) .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: opacity(1) !important; transform: translateY(-50%) scale(1) !important; } /* Keep post arrows visible regardless of the paragraph-region activation class. */ html body.single-post.single-post.single-post.single-post:not( .la-paragraph-arrows-active ) .post-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post:not( .la-paragraph-arrows-active ) .post-navigation .nav-next a, html body.single-post.single-post.single-post.single-post:not( .la-paragraph-arrows-active ) .posts-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post:not( .la-paragraph-arrows-active ) .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: opacity(1) !important; transform: translateY(-50%) scale(1) !important; } /* Override the old rule that begins fading when both scroll activation classes are present. */ html body.single-post.single-post.single-post.single-post .la-half-page-arrows-active.la-paragraph-arrows-active .post-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .la-half-page-arrows-active.la-paragraph-arrows-active .post-navigation .nav-next a, html body.single-post.single-post.single-post.single-post .la-half-page-arrows-active.la-paragraph-arrows-active .posts-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .la-half-page-arrows-active.la-paragraph-arrows-active .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: opacity(1) !important; transform: translateY(-50%) scale(1) !important; } /* Correct version for activation classes applied directly to the body element. */ html body.single-post.single-post.single-post.single-post .post-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .post-navigation .nav-next a, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-next a { animation-name: none !important; animation-duration: 0s !important; animation-iteration-count: 1 !important; opacity: 1 !important; visibility: visible !important; filter: opacity(1) !important; } /* ========================================================= POST-ARROW HOVER AND FOCUS ========================================================= */ html body.single-post.single-post.single-post.single-post .post-navigation .nav-previous a:hover, html body.single-post.single-post.single-post.single-post .post-navigation .nav-previous a:focus, html body.single-post.single-post.single-post.single-post .post-navigation .nav-previous a:focus-visible, html body.single-post.single-post.single-post.single-post .post-navigation .nav-next a:hover, html body.single-post.single-post.single-post.single-post .post-navigation .nav-next a:focus, html body.single-post.single-post.single-post.single-post .post-navigation .nav-next a:focus-visible, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-previous a:hover, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-previous a:focus, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-previous a:focus-visible, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-next a:hover, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-next a:focus, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-next a:focus-visible { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; filter: opacity(1) !important; transform: translateY(-50%) scale(1.04) !important; } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { html body a.la2-page-arrow.la2-page-arrow, html body.single-post.single-post.single-post.single-post .post-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .post-navigation .nav-next a, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-previous a, html body.single-post.single-post.single-post.single-post .posts-navigation .nav-next a { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; transition: none !important; filter: opacity(1) !important; } } /* ========================================================= PRINT ========================================================= */ @media print { html body a.la2-page-arrow, html body.single-post .post-navigation, html body.single-post .posts-navigation { display: none !important; } } /* ========================================================= PUBLISHED SITE — PRIMARY NAVIGATION AND LOWER-MENU REPAIR ========================================================= Purpose: 1. Preserve the genuine navigation in the site header. 2. Keep desktop dropdowns closed until hover or keyboard focus. 3. Remove duplicate primary menus printed after page content. 4. Remove footer navigation, footer links and CoverNews credits. 5. Collapse the dark or empty containers left behind. ========================================================= */ /* --------------------------------------------------------- KEEP THE GENUINE TOP HEADER AND PRIMARY MENU VISIBLE --------------------------------------------------------- */ html body .header-layout-1, html body #masthead, html body header.site-header, html body .site-header { background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; } html body .header-layout-1 .main-navigation, html body #masthead .main-navigation, html body header.site-header .main-navigation, html body .site-header .main-navigation, html body #site-navigation { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; overflow: visible !important; pointer-events: auto !important; } html body .header-layout-1 .main-navigation a, html body #masthead .main-navigation a, html body header.site-header .main-navigation a, html body .site-header .main-navigation a, html body #site-navigation a { color: #111111 !important; text-decoration-color: #111111 !important; } /* --------------------------------------------------------- DESKTOP DROPDOWNS — CLOSED UNTIL HOVER OR KEYBOARD FOCUS --------------------------------------------------------- */ @media screen and (min-width: 769px) { html body .header-layout-1 .main-navigation ul ul, html body #masthead .main-navigation ul ul, html body header.site-header .main-navigation ul ul, html body .site-header .main-navigation ul ul, html body #site-navigation ul ul { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute !important; top: 100% !important; left: 0 !important; height: auto !important; max-height: none !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; pointer-events: none !important; } html body .header-layout-1 .main-navigation li:hover > ul, html body .header-layout-1 .main-navigation li:focus-within > ul, html body #masthead .main-navigation li:hover > ul, html body #masthead .main-navigation li:focus-within > ul, html body header.site-header .main-navigation li:hover > ul, html body header.site-header .main-navigation li:focus-within > ul, html body .site-header .main-navigation li:hover > ul, html body .site-header .main-navigation li:focus-within > ul, html body #site-navigation li:hover > ul, html body #site-navigation li:focus-within > ul { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } html body .header-layout-1 .main-navigation ul ul ul, html body #masthead .main-navigation ul ul ul, html body header.site-header .main-navigation ul ul ul, html body .site-header .main-navigation ul ul ul, html body #site-navigation ul ul ul { top: -2px !important; left: 100% !important; } } /* --------------------------------------------------------- MOBILE MENU — LET COVERNEWS CONTROL OPEN AND CLOSED STATES --------------------------------------------------------- */ @media screen and (max-width: 768px) { html body .header-layout-1 .main-navigation ul ul, html body #masthead .main-navigation ul ul, html body header.site-header .main-navigation ul ul, html body .site-header .main-navigation ul ul, html body #site-navigation ul ul { position: static !important; width: 100% !important; min-width: 100% !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; } } /* --------------------------------------------------------- AREA IMMEDIATELY BELOW THE TOP NAVIGATION --------------------------------------------------------- */ html body #content, html body .site-content, html body .content-area, html body .site-main, html body main.site-main, html body .main-content, html body .content-wrapper { background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; } html body #content, html body .site-content { position: relative !important; z-index: 1 !important; clear: both !important; } /* --------------------------------------------------------- REMOVE ONLY A DUPLICATED PRIMARY MENU AFTER PAGE CONTENT The genuine Footer Menu is deliberately excluded. --------------------------------------------------------- */ html body #content ~ .main-navigation, html body #content ~ #site-navigation, html body #content ~ nav[id*="primary" i], html body #content ~ nav[class*="primary" i], html body #content ~ nav[aria-label*="primary" i], html body #content ~ nav[aria-label*="main menu" i], html body .site-content ~ .main-navigation, html body .site-content ~ #site-navigation, html body .site-content ~ nav[id*="primary" i], html body .site-content ~ nav[class*="primary" i], html body .site-content ~ nav[aria-label*="primary" i], html body .site-content ~ nav[aria-label*="main menu" i], html body main.site-main ~ .main-navigation, html body main.site-main ~ #site-navigation, html body .site-main ~ .main-navigation, html body .site-main ~ #site-navigation { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: hidden !important; pointer-events: none !important; } /* --------------------------------------------------------- FOOTER MENU — MATCH THE MAIN NAVIGATION DESIGN White background, dark text, green double borders, matching Garamond typography, separators and hover effect. --------------------------------------------------------- */ /* Remove the obsolete custom footer that duplicated the full Primary Menu. */ html body #la-custom-footer { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: hidden !important; pointer-events: none !important; } /* Keep the genuine theme footer available, but visually neutral. */ html body footer.site-footer, html body #colophon, html body footer[role="contentinfo"], html body .site-footer-container, html body .footer-wrapper, html body .footer-container, html body .footer-widgets, html body .footer-widget-area { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; box-shadow: none !important; overflow: visible !important; } /* Hide the visible widget heading “Footer Menu”, just as the main menu has no title. */ html body .widget_nav_menu:has(#menu-footer-menu) .widget-title, html body .widget_nav_menu:has(.menu-footer-menu-container) .widget-title, html body .widget_nav_menu:has(#menu-footer-menu) .wp-block-heading, html body .widget_nav_menu:has(.menu-footer-menu-container) .wp-block-heading, html body nav[aria-label*="footer menu" i] + .wp-block-heading, html body .wp-block-heading:has(+ nav[aria-label*="footer menu" i]) { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Genuine Footer Menu outer container — identical visual frame to Main Navigation. */ html body .menu-footer-menu-container, html body nav:has(> #menu-footer-menu), html body #footer-navigation, html body #site-footer-menu, html body .footer-navigation, html body nav[aria-label*="footer menu" i] { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; border-top: 3px double #2F7D3B !important; border-right: 0 !important; border-bottom: 3px double #2F7D3B !important; border-left: 0 !important; box-shadow: 0 2px 8px rgba(47, 125, 59, 0.12) !important; overflow: visible !important; pointer-events: auto !important; box-sizing: border-box !important; } /* First-level Footer Menu list — centred exactly like the desktop Main Menu. */ html body .menu-footer-menu-container > ul.menu, html body ul#menu-footer-menu, html body #footer-navigation > ul, html body #site-footer-menu > ul, html body .footer-navigation > ul, html body nav[aria-label*="footer menu" i] > ul, html body nav[aria-label*="footer menu" i] .wp-block-navigation__container { display: flex !important; justify-content: center !important; align-items: stretch !important; flex-wrap: wrap !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; list-style: none !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; overflow: visible !important; } /* Footer Menu items — same white panels and green separators as the Main Menu. */ html body .menu-footer-menu-container li, html body #menu-footer-menu li, html body #footer-navigation li, html body #site-footer-menu li, html body .footer-navigation li, html body nav[aria-label*="footer menu" i] li, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item { display: block !important; position: relative !important; float: none !important; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; border-top: 0 !important; border-right: 1px solid rgba(47, 125, 59, 0.25) !important; border-bottom: 0 !important; border-left: 0 !important; overflow: visible !important; } html body .menu-footer-menu-container li:last-child, html body #menu-footer-menu li:last-child, html body #footer-navigation li:last-child, html body #site-footer-menu li:last-child, html body .footer-navigation li:last-child, html body nav[aria-label*="footer menu" i] li:last-child { border-right: 0 !important; } /* Footer Menu links — same typography, height and spacing as Main Navigation. */ html body .menu-footer-menu-container a, html body #menu-footer-menu a, html body #footer-navigation a, html body #site-footer-menu a, html body .footer-navigation a, html body nav[aria-label*="footer menu" i] a, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item__content { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 15px 20px !important; border: 0 !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.4px !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; text-decoration-color: #111111 !important; white-space: normal !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; box-sizing: border-box !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* Remove theme-generated dashes, icons and dropdown symbols from the Footer Menu. */ html body .menu-footer-menu-container li::before, html body .menu-footer-menu-container li::after, html body .menu-footer-menu-container a::before, html body .menu-footer-menu-container a::after, html body #menu-footer-menu li::before, html body #menu-footer-menu li::after, html body #menu-footer-menu a::before, html body #menu-footer-menu a::after, html body nav[aria-label*="footer menu" i] li::before, html body nav[aria-label*="footer menu" i] li::after, html body nav[aria-label*="footer menu" i] a::before, html body nav[aria-label*="footer menu" i] a::after { content: none !important; display: none !important; } html body .menu-footer-menu-container svg, html body .menu-footer-menu-container i, html body .menu-footer-menu-container .dropdown-toggle, html body .menu-footer-menu-container .sub-menu-toggle, html body #menu-footer-menu svg, html body #menu-footer-menu i, html body #menu-footer-menu .dropdown-toggle, html body #menu-footer-menu .sub-menu-toggle, html body nav[aria-label*="footer menu" i] svg, html body nav[aria-label*="footer menu" i] i, html body nav[aria-label*="footer menu" i] button { display: none !important; } /* Match the Main Menu hover and keyboard-focus treatment. */ html body .menu-footer-menu-container a:hover, html body .menu-footer-menu-container a:focus, html body #menu-footer-menu a:hover, html body #menu-footer-menu a:focus, html body #footer-navigation a:hover, html body #footer-navigation a:focus, html body #site-footer-menu a:hover, html body #site-footer-menu a:focus, html body .footer-navigation a:hover, html body .footer-navigation a:focus, html body nav[aria-label*="footer menu" i] a:hover, html body nav[aria-label*="footer menu" i] a:focus { background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; text-decoration: underline !important; text-decoration-color: #111111 !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; outline: none !important; } /* Match the Main Menu current-page indicator. */ html body .menu-footer-menu-container .current-menu-item > a, html body .menu-footer-menu-container .current-menu-ancestor > a, html body .menu-footer-menu-container .current_page_item > a, html body .menu-footer-menu-container .current_page_ancestor > a, html body #menu-footer-menu .current-menu-item > a, html body #menu-footer-menu .current-menu-ancestor > a, html body #menu-footer-menu .current_page_item > a, html body #menu-footer-menu .current_page_ancestor > a, html body nav[aria-label*="footer menu" i] .current-menu-item > a, html body nav[aria-label*="footer menu" i] .current_page_item > a { background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; box-shadow: inset 0 -4px 0 #2F7D3B !important; } /* Footer Menu is intentionally top-level only. */ html body .menu-footer-menu-container ul.sub-menu, html body #menu-footer-menu ul.sub-menu, html body #footer-navigation ul.sub-menu, html body #site-footer-menu ul.sub-menu, html body .footer-navigation ul.sub-menu, html body nav[aria-label*="footer menu" i] ul.sub-menu, html body nav[aria-label*="footer menu" i] .wp-block-navigation__submenu-container { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Mobile Footer Menu — same full-width white rows as the opened Main Menu. */ @media screen and (max-width: 768px) { html body .menu-footer-menu-container > ul.menu, html body ul#menu-footer-menu, html body #footer-navigation > ul, html body #site-footer-menu > ul, html body .footer-navigation > ul, html body nav[aria-label*="footer menu" i] > ul, html body nav[aria-label*="footer menu" i] .wp-block-navigation__container { display: block !important; width: 100% !important; } html body .menu-footer-menu-container li, html body #menu-footer-menu li, html body #footer-navigation li, html body #site-footer-menu li, html body .footer-navigation li, html body nav[aria-label*="footer menu" i] li, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item { width: 100% !important; border-right: 0 !important; border-bottom: 1px solid rgba(47, 125, 59, 0.20) !important; } html body .menu-footer-menu-container li:last-child, html body #menu-footer-menu li:last-child, html body #footer-navigation li:last-child, html body #site-footer-menu li:last-child, html body .footer-navigation li:last-child, html body nav[aria-label*="footer menu" i] li:last-child { border-bottom: 0 !important; } html body .menu-footer-menu-container a, html body #menu-footer-menu a, html body #footer-navigation a, html body #site-footer-menu a, html body .footer-navigation a, html body nav[aria-label*="footer menu" i] a, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item__content { width: 100% !important; justify-content: space-between !important; padding: 13px 16px !important; font-size: 13px !important; text-align: left !important; } } /* --------------------------------------------------------- REMOVE THE COVERNEWS CREDIT AND SECONDARY BOTTOM STRIP --------------------------------------------------------- */ html body .site-info, html body .site-info-wrap, html body .footer-site-info, html body .aft-footer-copyright, html body .af-footer-copyright, html body .footer-credits, html body .theme-credit, html body .powered-by, html body .copyright-wrap:has(a), html body .copyright-bar:has(a) { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* --------------------------------------------------------- FOOTER CONTAINERS ARE STYLED IN THE FOOTER MENU SECTION ABOVE --------------------------------------------------------- */ /* Keep any remaining plain copyright line tidy and unlinked. */ html body footer.site-footer .widget_text, html body footer.site-footer .textwidget, html body footer.site-footer .wp-block-paragraph, html body #colophon .widget_text, html body #colophon .textwidget, html body #colophon .wp-block-paragraph, html body .limerick-archives-copyright, html body #limerick-archives-copyright { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 8px 16px !important; background: #ffffff !important; color: #111111 !important; border-top: 1px solid rgba(47, 125, 59, 0.25) !important; font-size: 12pt !important; line-height: 1.4 !important; text-align: center !important; } /* --------------------------------------------------------- PRINT — DO NOT PRINT THE FOOTER MENU OR THEME CREDIT --------------------------------------------------------- */ @media print { footer.site-footer nav, #colophon nav, footer[role="contentinfo"] nav, .footer-navigation, .footer-menu, .bottom-navigation, .bottom-menu, .site-info, .footer-credits, .theme-credit, .powered-by { display: none !important; } } /* ========================================================= FINAL FOOTER WRAPPER RESET — REMOVE THE GREY BOX ========================================================= CoverNews places Footer Menu inside one or more native footer-widget wrappers. These parent containers must remain present so the menu displays, but their theme background, padding, borders and shadow are removed completely. ========================================================= */ html body .af-footer, html body .aft-footer, html body .footer-widgets-wrapper, html body .footer-sidebar-wrapper, html body .footer-widgets, html body .footer-widget-area, html body .footer-bottom, html body .bottom-footer, html body footer.site-footer .af-container, html body #colophon .af-container, html body footer.site-footer .af-container-row, html body #colophon .af-container-row, html body footer.site-footer .container-wrapper, html body #colophon .container-wrapper, html body footer.site-footer .widget-area, html body #colophon .widget-area, html body footer.site-footer .widget_nav_menu:has(#menu-footer-menu), html body #colophon .widget_nav_menu:has(#menu-footer-menu), html body footer.site-footer .widget_nav_menu:has(.menu-footer-menu-container), html body #colophon .widget_nav_menu:has(.menu-footer-menu-container) { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; filter: none !important; opacity: 1 !important; overflow: visible !important; box-sizing: border-box !important; } /* Remove decorative layers attached to the grey wrapper. */ html body .af-footer::before, html body .af-footer::after, html body .aft-footer::before, html body .aft-footer::after, html body .footer-widgets-wrapper::before, html body .footer-widgets-wrapper::after, html body .footer-sidebar-wrapper::before, html body .footer-sidebar-wrapper::after, html body footer.site-footer .widget_nav_menu:has(#menu-footer-menu)::before, html body footer.site-footer .widget_nav_menu:has(#menu-footer-menu)::after, html body #colophon .widget_nav_menu:has(#menu-footer-menu)::before, html body #colophon .widget_nav_menu:has(#menu-footer-menu)::after { content: none !important; display: none !important; } /* ========================================================= ABSOLUTE FOOTER SHELL RESET — REMOVE REMAINING GREY BOX ========================================================= The CoverNews footer root can retain its own grey background even after the inner widget wrappers have been reset. These rules clear the outer footer shell while preserving the separately styled Footer Menu itself. ========================================================= */ html body footer#colophon, html body footer.site-footer, html body #colophon, html body footer[role="contentinfo"], html body .site-footer, html body .site-footer-wrap, html body .site-footer-wrapper, html body .footer-wrapper, html body .footer-container, html body .footer-widget-wrapper, html body .footer-widgets-section, html body .footer-widget-section, html body .primary-footer, html body .secondary-footer, html body .site-footer .container, html body .site-footer .container-fluid, html body .site-footer .af-container, html body .site-footer .af-container-row, html body .site-footer .row, html body #colophon .container, html body #colophon .container-fluid, html body #colophon .af-container, html body #colophon .af-container-row, html body #colophon .row { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; filter: none !important; opacity: 1 !important; overflow: visible !important; box-sizing: border-box !important; } /* Reset the individual widget/aside box that holds Footer Menu. */ html body footer.site-footer .widget, html body footer.site-footer aside, html body #colophon .widget, html body #colophon aside, html body footer[role="contentinfo"] .widget, html body footer[role="contentinfo"] aside { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } /* Remove grey overlays and decorative pseudo-elements on the shell. */ html body footer#colophon::before, html body footer#colophon::after, html body footer.site-footer::before, html body footer.site-footer::after, html body #colophon::before, html body #colophon::after, html body footer[role="contentinfo"]::before, html body footer[role="contentinfo"]::after, html body .site-footer-wrap::before, html body .site-footer-wrap::after, html body .site-footer-wrapper::before, html body .site-footer-wrapper::after, html body .footer-wrapper::before, html body .footer-wrapper::after, html body .footer-container::before, html body .footer-container::after, html body .footer-widget-wrapper::before, html body .footer-widget-wrapper::after { content: none !important; display: none !important; background: transparent !important; background-image: none !important; box-shadow: none !important; } /* ========================================================= FIXED FOOTER MENU + THEME-GREEN LOWER STRIP ========================================================= Keeps the genuine Footer Menu fixed to the bottom of the browser window. The existing fixed header remains at the top, allowing the page content to scroll between both menus. A full-width theme-green strip sits immediately below the Footer Menu. Bottom page padding reserves the complete footer height so no article or page content is hidden behind it. ========================================================= */ :root { --la-footer-black-strip-height: 24px; --la-footer-menu-row-height: 51px; --la-fixed-footer-total-height: calc( var(--la-footer-menu-row-height) + var(--la-footer-black-strip-height) + 6px ); } /* Fix only the genuine public footer shell to the viewport. */ html body footer#colophon, html body footer.site-footer, html body #colophon, html body footer[role="contentinfo"] { position: fixed !important; right: 0 !important; bottom: 0 !important; left: 0 !important; top: auto !important; z-index: 999998 !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 0 var(--la-footer-black-strip-height) 0 !important; background: #2F7D3B !important; background-color: #2F7D3B !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.12) !important; overflow: visible !important; box-sizing: border-box !important; transform: none !important; } /* The white navigation remains above the theme-green lower strip. */ html body footer.site-footer .menu-footer-menu-container, html body #colophon .menu-footer-menu-container, html body footer.site-footer nav:has(> #menu-footer-menu), html body #colophon nav:has(> #menu-footer-menu), html body footer.site-footer #footer-navigation, html body #colophon #footer-navigation, html body footer.site-footer #site-footer-menu, html body #colophon #site-footer-menu, html body footer.site-footer .footer-navigation, html body #colophon .footer-navigation, html body footer.site-footer nav[aria-label*="footer menu" i], html body #colophon nav[aria-label*="footer menu" i] { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; } /* Keep the fixed menu to one predictable row on every device. */ html body .menu-footer-menu-container > ul.menu, html body ul#menu-footer-menu, html body #footer-navigation > ul, html body #site-footer-menu > ul, html body .footer-navigation > ul, html body nav[aria-label*="footer menu" i] > ul, html body nav[aria-label*="footer menu" i] .wp-block-navigation__container { display: flex !important; justify-content: center !important; align-items: stretch !important; flex-wrap: nowrap !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; min-height: var(--la-footer-menu-row-height) !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: thin !important; } html body .menu-footer-menu-container li, html body #menu-footer-menu li, html body #footer-navigation li, html body #site-footer-menu li, html body .footer-navigation li, html body nav[aria-label*="footer menu" i] li, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; border-right: 1px solid rgba(47, 125, 59, 0.25) !important; border-bottom: 0 !important; } html body .menu-footer-menu-container li:last-child, html body #menu-footer-menu li:last-child, html body #footer-navigation li:last-child, html body #site-footer-menu li:last-child, html body .footer-navigation li:last-child, html body nav[aria-label*="footer menu" i] li:last-child { border-right: 0 !important; border-bottom: 0 !important; } html body .menu-footer-menu-container a, html body #menu-footer-menu a, html body #footer-navigation a, html body #site-footer-menu a, html body .footer-navigation a, html body nav[aria-label*="footer menu" i] a, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item__content { min-height: var(--la-footer-menu-row-height) !important; height: var(--la-footer-menu-row-height) !important; width: auto !important; justify-content: center !important; padding: 0 20px !important; white-space: nowrap !important; text-align: center !important; } /* Reserve room below every page so content stops above the fixed menu. */ html body, html body.home, html body.blog, html body.page, html body.single, html body.archive, html body.search, html body.error404, html body.la-fixed-site-header { padding-bottom: var(--la-fixed-footer-total-height) !important; } html, body { scroll-padding-bottom: var(--la-fixed-footer-total-height) !important; } /* Compact spacing for phones while retaining the same single-row design. */ @media screen and (max-width: 768px) { :root { --la-footer-menu-row-height: 47px; --la-footer-black-strip-height: 20px; } html body .menu-footer-menu-container > ul.menu, html body ul#menu-footer-menu, html body #footer-navigation > ul, html body #site-footer-menu > ul, html body .footer-navigation > ul, html body nav[aria-label*="footer menu" i] > ul, html body nav[aria-label*="footer menu" i] .wp-block-navigation__container { display: flex !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; } html body .menu-footer-menu-container li, html body #menu-footer-menu li, html body #footer-navigation li, html body #site-footer-menu li, html body .footer-navigation li, html body nav[aria-label*="footer menu" i] li, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item { width: auto !important; min-width: max-content !important; border-right: 1px solid rgba(47, 125, 59, 0.25) !important; border-bottom: 0 !important; } html body .menu-footer-menu-container a, html body #menu-footer-menu a, html body #footer-navigation a, html body #site-footer-menu a, html body .footer-navigation a, html body nav[aria-label*="footer menu" i] a, html body nav[aria-label*="footer menu" i] .wp-block-navigation-item__content { width: auto !important; min-height: var(--la-footer-menu-row-height) !important; height: var(--la-footer-menu-row-height) !important; justify-content: center !important; padding: 0 15px !important; font-size: 13px !important; text-align: center !important; white-space: nowrap !important; } } /* The fixed navigation and black strip must not print. */ @media print { html body footer#colophon, html body footer.site-footer, html body #colophon, html body footer[role="contentinfo"] { display: none !important; position: static !important; } html body { padding-bottom: 0 !important; } } /* ========================================================= FINAL FIX — TAG / ARCHIVE / POST IMAGE GREY BOX REMOVAL ========================================================= This is the only grey-box fix that should remain at the bottom of the stylesheet. Purpose: - Remove the exposed grey block beneath images on tag pages. - Remove grey image backing on archive/category/search pages. - Remove grey backing under the featured image on single posts. - Keep the real text, titles, excerpts, dates and Read Article links visible. ========================================================= */ :root { --la-archive-image-ratio: 300 / 157; } /* --------------------------------------------------------- 1. Reset post cards and article shells on listing pages. --------------------------------------------------------- */ html body.tag .site-main article, html body.category .site-main article, html body.archive .site-main article, html body.search .site-main article, html body.blog .site-main article, html body.author .site-main article, html body.date .site-main article, html body.tag .site-main .read-single, html body.category .site-main .read-single, html body.archive .site-main .read-single, html body.search .site-main .read-single, html body.blog .site-main .read-single, html body.author .site-main .read-single, html body.date .site-main .read-single, html body.tag .site-main .list-style, html body.category .site-main .list-style, html body.archive .site-main .list-style, html body.search .site-main .list-style, html body.blog .site-main .list-style, html body.author .site-main .list-style, html body.date .site-main .list-style, html body.tag .site-main .grid-item, html body.category .site-main .grid-item, html body.archive .site-main .grid-item, html body.search .site-main .grid-item, html body.blog .site-main .grid-item, html body.author .site-main .grid-item, html body.date .site-main .grid-item { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; overflow: visible !important; } /* --------------------------------------------------------- 2. Image frames on tag/archive/category/search/blog pages. These are the most likely source of the grey block. --------------------------------------------------------- */ html body.tag .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image, figure ), html body.category .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image, figure ), html body.archive .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image, figure ), html body.search .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image, figure ), html body.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, .wp-block-latest-posts__featured-image, figure ) { display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 14px 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 3. Keep CoverNews background-image thumbnails visible. Do not erase the inline background-image URL. --------------------------------------------------------- */ html body.tag .site-main article :is(.data-bg, [style*="background-image"]), html body.category .site-main article :is(.data-bg, [style*="background-image"]), html body.archive .site-main article :is(.data-bg, [style*="background-image"]), html body.search .site-main article :is(.data-bg, [style*="background-image"]), html body.blog .site-main article :is(.data-bg, [style*="background-image"]) { display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: var(--la-archive-image-ratio) !important; margin: 0 0 14px 0 !important; padding: 0 !important; background-color: #ffffff !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 4. Links and pictures inside image frames. --------------------------------------------------------- */ html body.tag .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure ) > a, html body.category .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure ) > a, html body.archive .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure ) > a, html body.search .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure ) > a, html body.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure ) > a { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; } /* --------------------------------------------------------- 5. The actual image files on listing pages. --------------------------------------------------------- */ html body.tag .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.category .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.archive .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.search .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), html body.blog .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley) { display: block !important; float: none !important; vertical-align: top !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; background: transparent !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 6. Remove hidden image overlays and pseudo-elements. --------------------------------------------------------- */ html body.tag .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::before, html body.tag .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::after, html body.category .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::before, html body.category .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::after, html body.archive .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::before, html body.archive .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::after, html body.search .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::before, html body.search .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::after, html body.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::before, html body.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .data-bg, .wp-block-post-featured-image, figure )::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- 7. The text/details area below archive images must be white. This fixes the case where the grey box is not the image, but the CoverNews content container immediately beneath it. --------------------------------------------------------- */ html body.tag .site-main article :is( .read-details, .read-title, .entry-header, .entry-content, .entry-summary, .post-content, .post-content-wrapper, .article-content, .article-inner, .content-wrap, .content-wrapper, .content-caption, .archive-content, .entry-wrapper, .post-excerpt, .aft-post-excerpt, .article-excerpt, .archive-excerpt, .entry-meta, .post-meta ), html body.category .site-main article :is( .read-details, .read-title, .entry-header, .entry-content, .entry-summary, .post-content, .post-content-wrapper, .article-content, .article-inner, .content-wrap, .content-wrapper, .content-caption, .archive-content, .entry-wrapper, .post-excerpt, .aft-post-excerpt, .article-excerpt, .archive-excerpt, .entry-meta, .post-meta ), html body.archive .site-main article :is( .read-details, .read-title, .entry-header, .entry-content, .entry-summary, .post-content, .post-content-wrapper, .article-content, .article-inner, .content-wrap, .content-wrapper, .content-caption, .archive-content, .entry-wrapper, .post-excerpt, .aft-post-excerpt, .article-excerpt, .archive-excerpt, .entry-meta, .post-meta ), html body.search .site-main article :is( .read-details, .read-title, .entry-header, .entry-content, .entry-summary, .post-content, .post-content-wrapper, .article-content, .article-inner, .content-wrap, .content-wrapper, .content-caption, .archive-content, .entry-wrapper, .post-excerpt, .aft-post-excerpt, .article-excerpt, .archive-excerpt, .entry-meta, .post-meta ), html body.blog .site-main article :is( .read-details, .read-title, .entry-header, .entry-content, .entry-summary, .post-content, .post-content-wrapper, .article-content, .article-inner, .content-wrap, .content-wrapper, .content-caption, .archive-content, .entry-wrapper, .post-excerpt, .aft-post-excerpt, .article-excerpt, .archive-excerpt, .entry-meta, .post-meta ) { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; min-height: 0 !important; } /* --------------------------------------------------------- 8. Remove empty spacer/caption blocks directly beneath images. --------------------------------------------------------- */ html body :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image, .wp-block-image, figure ) + :is( .wp-block-spacer, .spacer, .empty, p:empty, div:empty, figcaption:empty, .wp-element-caption:empty ) { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important; } /* --------------------------------------------------------- 9. Single post featured image and image area. --------------------------------------------------------- */ html body.single-post .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .entry-thumbnail, .post-featured-image, .wp-block-post-featured-image, .entry-content figure, .entry-content .wp-block-image, .wp-caption ) { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; line-height: 0 !important; font-size: 0 !important; overflow: hidden !important; } html body.single-post .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .entry-thumbnail, .post-featured-image, .wp-block-post-featured-image, .entry-content figure, .entry-content .wp-block-image, .wp-caption ) img { display: block !important; vertical-align: top !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* Restore readable captions after image line-height reset. */ html body.single-post .site-main article figcaption, html body.single-post .site-main article .wp-caption-text, html body.single-post .site-main article .wp-element-caption { display: block !important; background: #ffffff !important; background-color: #ffffff !important; margin: 6px auto 0 auto !important; padding: 0 !important; color: #111111 !important; font-size: 12pt !important; line-height: 1.35 !important; text-align: center !important; } /* --------------------------------------------------------- 10. Last-resort reset for CoverNews grey panels immediately after images. This does not hide real text. --------------------------------------------------------- */ html body.tag .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image ) + *, html body.category .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image ) + *, html body.archive .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image ) + *, html body.search .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image ) + *, html body.blog .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .wp-block-post-featured-image ) + *, html body.single-post .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .entry-thumbnail, .post-featured-image, .wp-block-post-featured-image ) + * { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; } /* --------------------------------------------------------- 11. Clear obsolete diagnostic/test blocks. --------------------------------------------------------- */ html body.tag .site-main .wp-block-spacer:empty, html body.category .site-main .wp-block-spacer:empty, html body.archive .site-main .wp-block-spacer:empty, html body.search .site-main .wp-block-spacer:empty, html body.blog .site-main .wp-block-spacer:empty, html body.single-post .site-main .wp-block-spacer:empty { display: none !important; } /* ========================================================= FINAL FIX — REMOVE GREY BOX BENEATH SINGLE POST IMAGE Limerick Archives / CoverNews ========================================================= */ /* Remove CoverNews grey image shell on individual posts */ body.single-post .entry-header, body.single-post .entry-header .post-thumbnail, body.single-post .entry-header .post-thumbnail.full-width-image, body.single-post .entry-header .featured-image, body.single-post .entry-header .full-width-image, body.single-post .entry-header .read-img, body.single-post .entry-header .post-image, body.single-post .entry-header .aft-image, body.single-post .entry-header .data-bg, body.single-post .entry-header figure { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: none !important; outline: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; overflow: hidden !important; } /* Keep the actual featured image visible and flush */ body.single-post .entry-header .post-thumbnail img, body.single-post .entry-header .post-thumbnail.full-width-image img, body.single-post .entry-header .featured-image img, body.single-post .entry-header .full-width-image img, body.single-post .entry-header figure img, body.single-post .entry-header .wp-post-image { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; border: none !important; box-shadow: none !important; vertical-align: top !important; } /* Remove empty grey theme/meta blocks directly below the image */ body.single-post .entry-header .post-thumbnail + .entry-meta, body.single-post .entry-header .post-thumbnail + .aft-post-meta, body.single-post .entry-header .post-thumbnail + .post-meta, body.single-post .entry-header .post-thumbnail + .entry-summary, body.single-post .entry-header .post-thumbnail + .post-excerpt, body.single-post .entry-header .full-width-image + .entry-meta, body.single-post .entry-header .full-width-image + .aft-post-meta, body.single-post .entry-header .full-width-image + .post-meta, body.single-post .entry-header .full-width-image + .entry-summary, body.single-post .entry-header .full-width-image + .post-excerpt { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; overflow: hidden !important; } /* Remove any pseudo grey panel attached to the featured image */ body.single-post .entry-header .post-thumbnail::before, body.single-post .entry-header .post-thumbnail::after, body.single-post .entry-header .post-thumbnail.full-width-image::before, body.single-post .entry-header .post-thumbnail.full-width-image::after, body.single-post .entry-header .featured-image::before, body.single-post .entry-header .featured-image::after, body.single-post .entry-header .full-width-image::before, body.single-post .entry-header .full-width-image::after, body.single-post .entry-header .read-img::before, body.single-post .entry-header .read-img::after, body.single-post .entry-header .data-bg::before, body.single-post .entry-header .data-bg::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Reset normal text below the image so the article is not affected */ body.single-post .entry-content, body.single-post .entry-content *, body.single-post .limerick-archives-date { font-size: inherit; line-height: inherit; } /* ========================================================= TAINACAN — LIMERICK PHOTOGRAPHIC ARCHIVE FINAL HOMEPAGE-STYLE DISPLAY ========================================================= Purpose: - Make the photographic archive listing match the homepage feed. - One centred column only. - Use the same clean image-card behaviour as the homepage. - Remove the grey old-frame/base strip by using a homepage-style image crop from the top of the thumbnail. - Remove all previous forced "View Record" button effects. ========================================================= */ /* Main archive page width */ body[class*="limerick-photographic-archive"] .content-area, body[class*="limerick-photographic-archive"] .site-main, body.post-type-archive-tnc_col_item .content-area, body.post-type-archive-tnc_col_item .site-main, body.tax-tnc_tax .content-area, body.tax-tnc_tax .site-main { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; box-sizing: border-box !important; background: #ffffff !important; background-color: #ffffff !important; } /* Hide archive sidebars so the layout matches the homepage column */ body[class*="limerick-photographic-archive"] #secondary, body[class*="limerick-photographic-archive"] #secondary.widget-area, body[class*="limerick-photographic-archive"] aside.sidebar, body.post-type-archive-tnc_col_item #secondary, body.post-type-archive-tnc_col_item #secondary.widget-area, body.post-type-archive-tnc_col_item aside.sidebar, body.tax-tnc_tax #secondary, body.tax-tnc_tax #secondary.widget-area, body.tax-tnc_tax aside.sidebar { display: none !important; } /* Archive item wrapper: one centred column, homepage-style spacing */ body[class*="limerick-photographic-archive"] .site-main .af-container-row, body[class*="limerick-photographic-archive"] .site-main .aft-archive-wrapper, body[class*="limerick-photographic-archive"] .site-main .archive-posts, body[class*="limerick-photographic-archive"] .site-main .posts-wrapper, body[class*="limerick-photographic-archive"] .site-main .posts-wrap, body[class*="limerick-photographic-archive"] .site-main .content-list, body[class*="limerick-photographic-archive"] .site-main .row:has(> article), body[class*="limerick-photographic-archive"] .site-main *:has(> article.post), body[class*="limerick-photographic-archive"] .site-main *:has(> .read-single), body[class*="limerick-photographic-archive"] .site-main *:has(> .grid-item), body.post-type-archive-tnc_col_item .site-main .af-container-row, body.post-type-archive-tnc_col_item .site-main .aft-archive-wrapper, body.post-type-archive-tnc_col_item .site-main .archive-posts, body.post-type-archive-tnc_col_item .site-main .posts-wrapper, body.post-type-archive-tnc_col_item .site-main .posts-wrap, body.post-type-archive-tnc_col_item .site-main .content-list, body.post-type-archive-tnc_col_item .site-main .row:has(> article), body.post-type-archive-tnc_col_item .site-main *:has(> article.post), body.post-type-archive-tnc_col_item .site-main *:has(> .read-single), body.post-type-archive-tnc_col_item .site-main *:has(> .grid-item), body.tax-tnc_tax .site-main .af-container-row, body.tax-tnc_tax .site-main .aft-archive-wrapper, body.tax-tnc_tax .site-main .archive-posts, body.tax-tnc_tax .site-main .posts-wrapper, body.tax-tnc_tax .site-main .posts-wrap, body.tax-tnc_tax .site-main .content-list, body.tax-tnc_tax .site-main .row:has(> article), body.tax-tnc_tax .site-main *:has(> article.post), body.tax-tnc_tax .site-main *:has(> .read-single), body.tax-tnc_tax .site-main *:has(> .grid-item) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; align-items: start !important; align-content: start !important; grid-auto-rows: auto !important; width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; background: #ffffff !important; background-color: #ffffff !important; } /* Individual archive record cards */ body[class*="limerick-photographic-archive"] .site-main article, body[class*="limerick-photographic-archive"] .site-main .read-single, body[class*="limerick-photographic-archive"] .site-main .list-style, body[class*="limerick-photographic-archive"] .site-main .grid-item, body.post-type-archive-tnc_col_item .site-main article, body.post-type-archive-tnc_col_item .site-main .read-single, body.post-type-archive-tnc_col_item .site-main .list-style, body.post-type-archive-tnc_col_item .site-main .grid-item, body.tax-tnc_tax .site-main article, body.tax-tnc_tax .site-main .read-single, body.tax-tnc_tax .site-main .list-style, body.tax-tnc_tax .site-main .grid-item { display: flex !important; flex-direction: column !important; float: none !important; clear: both !important; grid-column: 1 !important; width: 100% !important; min-width: 0 !important; max-width: 750px !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-self: start !important; margin: 0 auto 32px !important; padding: 0 0 24px !important; border-bottom: 2px solid #2F7D3B !important; box-sizing: border-box !important; text-align: center !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; overflow: visible !important; } /* Remove all grey frames, old image shells and fixed-height wrappers */ body[class*="limerick-photographic-archive"] .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure, picture, a:has(> img) ), body.post-type-archive-tnc_col_item .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure, picture, a:has(> img) ), body.tax-tnc_tax .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, .post-thumb, .aft-post-thumbnail, .wp-block-post-featured-image, figure, picture, a:has(> img) ) { display: block !important; position: relative !important; float: none !important; clear: both !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; margin: 0 0 14px !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* Remove pseudo-elements that create old grey/green image backing */ body[class*="limerick-photographic-archive"] .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, figure, picture, a:has(> img) )::before, body[class*="limerick-photographic-archive"] .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, figure, picture, a:has(> img) )::after, body.post-type-archive-tnc_col_item .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, figure, picture, a:has(> img) )::before, body.post-type-archive-tnc_col_item .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, .archive-image, figure, picture, a:has(> img) )::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; } /* Archive images: homepage-style crop, flush image, no grey base */ body[class*="limerick-photographic-archive"] .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), body.post-type-archive-tnc_col_item .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley), body.tax-tnc_tax .site-main article img:not(.custom-logo):not(.avatar):not(.emoji):not(.wp-smiley) { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 300 / 157 !important; object-fit: cover !important; object-position: center top !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; vertical-align: top !important; background: transparent !important; background-color: transparent !important; -webkit-filter: grayscale(100%) contrast(135%) brightness(145%) !important; filter: grayscale(100%) contrast(135%) brightness(145%) !important; } /* Hide any empty decorative panel that appears directly after image wrappers */ body[class*="limerick-photographic-archive"] .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, figure, picture ) + :empty, body.post-type-archive-tnc_col_item .site-main article :is( .post-thumbnail, .featured-image, .full-width-image, .read-img, .aft-image, .post-image, .featured-post-image, figure, picture ) + :empty { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; overflow: hidden !important; } /* Catalogue titles match the site styling but use archive green */ body[class*="limerick-photographic-archive"] .site-main article .entry-title, body[class*="limerick-photographic-archive"] .site-main article .entry-title a, body.post-type-archive-tnc_col_item .site-main article .entry-title, body.post-type-archive-tnc_col_item .site-main article .entry-title a, body.tax-tnc_tax .site-main article .entry-title, body.tax-tnc_tax .site-main article .entry-title a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 7px auto 8px !important; padding: 0 !important; color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 18pt !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; text-decoration: none !important; } /* Remove small date/author lines on the catalogue cards */ body[class*="limerick-photographic-archive"] .site-main article .entry-meta, body[class*="limerick-photographic-archive"] .site-main article .posted-on, body[class*="limerick-photographic-archive"] .site-main article .byline, body[class*="limerick-photographic-archive"] .site-main article time, body.post-type-archive-tnc_col_item .site-main article .entry-meta, body.post-type-archive-tnc_col_item .site-main article .posted-on, body.post-type-archive-tnc_col_item .site-main article .byline, body.post-type-archive-tnc_col_item .site-main article time { display: none !important; } /* Archive text/excerpts follow homepage text behaviour */ body[class*="limerick-photographic-archive"] .site-main article .entry-content, body[class*="limerick-photographic-archive"] .site-main article .entry-summary, body[class*="limerick-photographic-archive"] .site-main article .post-excerpt, body[class*="limerick-photographic-archive"] .site-main article .aft-post-excerpt, body.post-type-archive-tnc_col_item .site-main article .entry-content, body.post-type-archive-tnc_col_item .site-main article .entry-summary, body.post-type-archive-tnc_col_item .site-main article .post-excerpt, body.post-type-archive-tnc_col_item .site-main article .aft-post-excerpt, body.tax-tnc_tax .site-main article .entry-content, body.tax-tnc_tax .site-main article .entry-summary, body.tax-tnc_tax .site-main article .post-excerpt, body.tax-tnc_tax .site-main article .aft-post-excerpt { display: block !important; clear: both !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 8px auto 14px !important; padding: 0 !important; color: #111111 !important; font-size: 16px !important; line-height: 1.55 !important; text-align: left !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; background: transparent !important; } body[class*="limerick-photographic-archive"] .site-main article .entry-content p, body[class*="limerick-photographic-archive"] .site-main article .entry-summary p, body.post-type-archive-tnc_col_item .site-main article .entry-content p, body.post-type-archive-tnc_col_item .site-main article .entry-summary p, body.tax-tnc_tax .site-main article .entry-content p, body.tax-tnc_tax .site-main article .entry-summary p { margin: 0 0 12px !important; padding: 0 !important; color: #111111 !important; font-size: 16px !important; line-height: 1.55 !important; text-align: left !important; } /* Buttons: leave the native theme text intact so it matches the homepage */ body[class*="limerick-photographic-archive"] .site-main article .more-link, body[class*="limerick-photographic-archive"] .site-main article a.more-link, body[class*="limerick-photographic-archive"] .site-main article .read-more, body[class*="limerick-photographic-archive"] .site-main article .read-more a, body[class*="limerick-photographic-archive"] .site-main article .aft-readmore a, body.post-type-archive-tnc_col_item .site-main article .more-link, body.post-type-archive-tnc_col_item .site-main article a.more-link, body.post-type-archive-tnc_col_item .site-main article .read-more, body.post-type-archive-tnc_col_item .site-main article .read-more a, body.post-type-archive-tnc_col_item .site-main article .aft-readmore a { display: inline-block !important; align-self: center !important; width: auto !important; min-height: 44px !important; margin: auto auto 0 !important; padding: 8px 18px !important; border: 2px solid #2F7D3B !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; } body[class*="limerick-photographic-archive"] .site-main article .more-link::before, body[class*="limerick-photographic-archive"] .site-main article .more-link::after, body[class*="limerick-photographic-archive"] .site-main article a.more-link::before, body[class*="limerick-photographic-archive"] .site-main article a.more-link::after, body[class*="limerick-photographic-archive"] .site-main article .read-more a::before, body[class*="limerick-photographic-archive"] .site-main article .read-more a::after, body[class*="limerick-photographic-archive"] .site-main article .aft-readmore a::before, body[class*="limerick-photographic-archive"] .site-main article .aft-readmore a::after, body.post-type-archive-tnc_col_item .site-main article .more-link::before, body.post-type-archive-tnc_col_item .site-main article .more-link::after, body.post-type-archive-tnc_col_item .site-main article a.more-link::before, body.post-type-archive-tnc_col_item .site-main article a.more-link::after, body.post-type-archive-tnc_col_item .site-main article .read-more a::before, body.post-type-archive-tnc_col_item .site-main article .read-more a::after, body.post-type-archive-tnc_col_item .site-main article .aft-readmore a::before, body.post-type-archive-tnc_col_item .site-main article .aft-readmore a::after { content: none !important; display: none !important; } body[class*="limerick-photographic-archive"] .site-main article .more-link:hover, body[class*="limerick-photographic-archive"] .site-main article a.more-link:hover, body[class*="limerick-photographic-archive"] .site-main article .read-more:hover, body[class*="limerick-photographic-archive"] .site-main article .read-more a:hover, body[class*="limerick-photographic-archive"] .site-main article .aft-readmore a:hover, body.post-type-archive-tnc_col_item .site-main article .more-link:hover, body.post-type-archive-tnc_col_item .site-main article a.more-link:hover, body.post-type-archive-tnc_col_item .site-main article .read-more:hover, body.post-type-archive-tnc_col_item .site-main article .read-more a:hover, body.post-type-archive-tnc_col_item .site-main article .aft-readmore a:hover { background: #ffffff !important; color: #111111 !important; border-color: #2F7D3B !important; text-decoration: underline !important; text-decoration-color: #111111 !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; } /* Pagination/navigation */ body[class*="limerick-photographic-archive"] .site-main .navigation, body[class*="limerick-photographic-archive"] .site-main .pagination, body[class*="limerick-photographic-archive"] .site-main .posts-navigation, body.post-type-archive-tnc_col_item .site-main .navigation, body.post-type-archive-tnc_col_item .site-main .pagination, body.post-type-archive-tnc_col_item .site-main .posts-navigation, body.tax-tnc_tax .site-main .navigation, body.tax-tnc_tax .site-main .pagination, body.tax-tnc_tax .site-main .posts-navigation { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } /* ========================================================= TAINACAN COLLECTIONS LANDING PAGE — /collections/ Keeps the collections index clean while preserving site style. ========================================================= */ body.post-type-archive-tnc_collections .content-area, body.post-type-archive-tnc_collections .site-main, body[class*="collections"] .content-area, body[class*="collections"] .site-main { width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } body.post-type-archive-tnc_collections article, body.archive article.tainacan-collection, body[class*="collections"] article { display: block !important; width: 100% !important; max-width: 750px !important; margin: 0 auto 34px auto !important; padding: 0 0 24px !important; border-bottom: 2px solid #2F7D3B !important; text-align: center !important; box-sizing: border-box !important; background: #ffffff !important; } body.post-type-archive-tnc_collections article .entry-title, body.post-type-archive-tnc_collections article .entry-title a, body.post-type-archive-tnc_collections article h2, body.post-type-archive-tnc_collections article h3, body[class*="collections"] article .entry-title, body[class*="collections"] article .entry-title a, body[class*="collections"] article h2, body[class*="collections"] article h3 { color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 18pt !important; font-weight: 800 !important; line-height: 1.3 !important; text-align: center !important; } body.post-type-archive-tnc_collections article .entry-summary, body.post-type-archive-tnc_collections article .entry-content, body[class*="collections"] article .entry-summary, body[class*="collections"] article .entry-content { max-width: 750px !important; margin: 12px auto 18px !important; text-align: left !important; font-size: 16px !important; line-height: 1.55 !important; } /* /collections/ button may remain archive-specific */ body.post-type-archive-tnc_collections .more-link, body.post-type-archive-tnc_collections a.more-link, body.post-type-archive-tnc_collections .aft-readmore a, body.post-type-archive-tnc_collections a.aft-readmore, body[class*="collections"] .more-link, body[class*="collections"] a.more-link, body[class*="collections"] .aft-readmore a, body[class*="collections"] a.aft-readmore { font-size: 0 !important; line-height: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; border: 2px solid #2F7D3B !important; color: transparent !important; background: #ffffff !important; padding: 8px 18px !important; text-decoration: none !important; font-weight: 600 !important; } body.post-type-archive-tnc_collections .more-link::after, body.post-type-archive-tnc_collections a.more-link::after, body.post-type-archive-tnc_collections .aft-readmore a::after, body.post-type-archive-tnc_collections a.aft-readmore::after, body[class*="collections"] .more-link::after, body[class*="collections"] a.more-link::after, body[class*="collections"] .aft-readmore a::after, body[class*="collections"] a.aft-readmore::after { content: "View Archive" !important; color: #2F7D3B !important; font-size: 15px !important; line-height: 1.2 !important; } body.post-type-archive-tnc_collections .more-link:hover, body.post-type-archive-tnc_collections a.more-link:hover, body.post-type-archive-tnc_collections .aft-readmore a:hover, body.post-type-archive-tnc_collections a.aft-readmore:hover, body[class*="collections"] .more-link:hover, body[class*="collections"] a.more-link:hover, body[class*="collections"] .aft-readmore a:hover, body[class*="collections"] a.aft-readmore:hover { background: #ffffff !important; color: transparent !important; text-decoration: underline !important; text-decoration-color: #111111 !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; } body.post-type-archive-tnc_collections .more-link:hover::after, body.post-type-archive-tnc_collections a.more-link:hover::after, body.post-type-archive-tnc_collections .aft-readmore a:hover::after, body.post-type-archive-tnc_collections a.aft-readmore:hover::after, body[class*="collections"] .more-link:hover::after, body[class*="collections"] a.more-link:hover::after, body[class*="collections"] .aft-readmore a:hover::after, body[class*="collections"] a.aft-readmore:hover::after { color: #111111 !important; } @media screen and (max-width: 768px) { body[class*="limerick-photographic-archive"] .content-area, body[class*="limerick-photographic-archive"] .site-main, body.post-type-archive-tnc_col_item .content-area, body.post-type-archive-tnc_col_item .site-main, body.tax-tnc_tax .content-area, body.tax-tnc_tax .site-main, body.post-type-archive-tnc_collections .content-area, body.post-type-archive-tnc_collections .site-main, body[class*="collections"] .content-area, body[class*="collections"] .site-main { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; } body[class*="limerick-photographic-archive"] .site-main article, body[class*="limerick-photographic-archive"] .site-main .read-single, body[class*="limerick-photographic-archive"] .site-main .list-style, body[class*="limerick-photographic-archive"] .site-main .grid-item, body.post-type-archive-tnc_col_item .site-main article, body.post-type-archive-tnc_col_item .site-main .read-single, body.post-type-archive-tnc_col_item .site-main .list-style, body.post-type-archive-tnc_col_item .site-main .grid-item, body.tax-tnc_tax .site-main article, body.tax-tnc_tax .site-main .read-single, body.tax-tnc_tax .site-main .list-style, body.tax-tnc_tax .site-main .grid-item { max-width: 100% !important; } } /* ========================================================= LIMERICK PHOTOGRAPHIC ARCHIVE — CHILD THEME IMAGE OUTPUT ========================================================= This section works with the active CoverNews Child functions.php override, which outputs the archive-card featured image directly with these classes: .limerick-archive-child-override .limerick-archive-direct-thumbnail .limerick-archive-direct-featured-image It deliberately does NOT crop or force a fixed image height. ========================================================= */ body[class*="limerick-photographic-archive"] .limerick-archive-child-override, body.post-type-archive-tnc_col_item .limerick-archive-child-override, body.tax-tnc_tax .limerick-archive-child-override { display: block !important; width: 100% !important; max-width: 750px !important; margin: 0 auto !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; border: none !important; box-shadow: none !important; box-sizing: border-box !important; overflow: visible !important; } body[class*="limerick-photographic-archive"] .limerick-archive-card-header, body.post-type-archive-tnc_col_item .limerick-archive-card-header, body.tax-tnc_tax .limerick-archive-card-header { display: block !important; width: 100% !important; max-width: 750px !important; margin: 0 auto !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; border: none !important; box-shadow: none !important; box-sizing: border-box !important; overflow: visible !important; } body[class*="limerick-photographic-archive"] .limerick-archive-direct-thumbnail, body.post-type-archive-tnc_col_item .limerick-archive-direct-thumbnail, body.tax-tnc_tax .limerick-archive-direct-thumbnail { display: block !important; width: 100% !important; max-width: 750px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto 16px auto !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; outline: none !important; box-shadow: none !important; line-height: 0 !important; font-size: 0 !important; overflow: visible !important; } body[class*="limerick-photographic-archive"] .limerick-archive-direct-thumbnail a, body.post-type-archive-tnc_col_item .limerick-archive-direct-thumbnail a, body.tax-tnc_tax .limerick-archive-direct-thumbnail a { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; outline: none !important; box-shadow: none !important; line-height: 0 !important; font-size: 0 !important; text-decoration: none !important; overflow: visible !important; } body[class*="limerick-photographic-archive"] img.limerick-archive-direct-featured-image, body.post-type-archive-tnc_col_item img.limerick-archive-direct-featured-image, body.tax-tnc_tax img.limerick-archive-direct-featured-image { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto !important; padding: 0 !important; vertical-align: top !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; outline: none !important; box-shadow: none !important; object-fit: contain !important; object-position: center center !important; } body[class*="limerick-photographic-archive"] .limerick-archive-details-wrapper, body.post-type-archive-tnc_col_item .limerick-archive-details-wrapper, body.tax-tnc_tax .limerick-archive-details-wrapper, body[class*="limerick-photographic-archive"] .limerick-archive-entry-details, body.post-type-archive-tnc_col_item .limerick-archive-entry-details, body.tax-tnc_tax .limerick-archive-entry-details { display: block !important; width: 100% !important; max-width: 750px !important; margin: 0 auto !important; padding: 0 !important; background: #ffffff !important; background-color: #ffffff !important; border: none !important; box-shadow: none !important; text-align: center !important; } body[class*="limerick-photographic-archive"] .limerick-archive-entry-details .entry-title, body[class*="limerick-photographic-archive"] .limerick-archive-entry-details .entry-title a, body.post-type-archive-tnc_col_item .limerick-archive-entry-details .entry-title, body.post-type-archive-tnc_col_item .limerick-archive-entry-details .entry-title a, body.tax-tnc_tax .limerick-archive-entry-details .entry-title, body.tax-tnc_tax .limerick-archive-entry-details .entry-title a { color: #2F7D3B !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 18pt !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; } body[class*="limerick-photographic-archive"] .limerick-archive-post-excerpt, body.post-type-archive-tnc_col_item .limerick-archive-post-excerpt, body.tax-tnc_tax .limerick-archive-post-excerpt { display: block !important; width: 100% !important; max-width: 750px !important; margin: 10px auto 16px auto !important; padding: 0 !important; color: #111111 !important; background: #ffffff !important; background-color: #ffffff !important; font-size: 16px !important; line-height: 1.55 !important; text-align: left !important; border: none !important; box-shadow: none !important; } body[class*="limerick-photographic-archive"] .limerick-archive-post-excerpt p, body.post-type-archive-tnc_col_item .limerick-archive-post-excerpt p, body.tax-tnc_tax .limerick-archive-post-excerpt p { margin: 0 0 14px 0 !important; padding: 0 !important; color: #111111 !important; font-size: 16px !important; line-height: 1.55 !important; text-align: left !important; } /* Hide old CoverNews image decorations if any survive around the child output. */ body[class*="limerick-photographic-archive"] .limerick-archive-child-override .figure-categories, body[class*="limerick-photographic-archive"] .limerick-archive-child-override .figure-categories-bg, body[class*="limerick-photographic-archive"] .limerick-archive-child-override .em-post-format, body.post-type-archive-tnc_col_item .limerick-archive-child-override .figure-categories, body.post-type-archive-tnc_col_item .limerick-archive-child-override .figure-categories-bg, body.post-type-archive-tnc_col_item .limerick-archive-child-override .em-post-format, body.tax-tnc_tax .limerick-archive-child-override .figure-categories, body.tax-tnc_tax .limerick-archive-child-override .figure-categories-bg, body.tax-tnc_tax .limerick-archive-child-override .em-post-format { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } @media screen and (max-width: 768px) { body[class*="limerick-photographic-archive"] .limerick-archive-child-override, body[class*="limerick-photographic-archive"] .limerick-archive-card-header, body[class*="limerick-photographic-archive"] .limerick-archive-direct-thumbnail, body[class*="limerick-photographic-archive"] .limerick-archive-details-wrapper, body[class*="limerick-photographic-archive"] .limerick-archive-entry-details, body[class*="limerick-photographic-archive"] .limerick-archive-post-excerpt, body.post-type-archive-tnc_col_item .limerick-archive-child-override, body.post-type-archive-tnc_col_item .limerick-archive-card-header, body.post-type-archive-tnc_col_item .limerick-archive-direct-thumbnail, body.post-type-archive-tnc_col_item .limerick-archive-details-wrapper, body.post-type-archive-tnc_col_item .limerick-archive-entry-details, body.post-type-archive-tnc_col_item .limerick-archive-post-excerpt, body.tax-tnc_tax .limerick-archive-child-override, body.tax-tnc_tax .limerick-archive-card-header, body.tax-tnc_tax .limerick-archive-direct-thumbnail, body.tax-tnc_tax .limerick-archive-details-wrapper, body.tax-tnc_tax .limerick-archive-entry-details, body.tax-tnc_tax .limerick-archive-post-excerpt { max-width: 100% !important; } } /* ========================================================= LIMERICK PHOTOGRAPHIC ARCHIVE — BUTTON TEXT FIX ========================================================= The CoverNews theme may still print the old global button text "Read Article" inside the archive card markup. This final visual override hides that printed text only on Limerick Photographic Archive card buttons and displays "View Image" instead. ========================================================= */ html body .limerick-archive-child-override .aft-readmore-wrapper a, html body .limerick-archive-child-override .post-excerpt .aft-readmore, html body .limerick-archive-child-override .limerick-archive-post-excerpt .aft-readmore, html body .limerick-archive-child-override a.aft-readmore, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"], html body .post-excerpt a.aft-readmore[href*="/limerick-photographic-archive/"], html body .limerick-archive-post-excerpt a[href*="/limerick-photographic-archive/"] { display: inline-block !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 14px auto 0 auto !important; padding: 10px 18px !important; background-color: #ffffff !important; color: transparent !important; border: 2px solid #2F7D3B !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; text-align: center !important; text-decoration: none !important; overflow: hidden !important; white-space: nowrap !important; } html body .limerick-archive-child-override .aft-readmore-wrapper a::before, html body .limerick-archive-child-override .post-excerpt .aft-readmore::before, html body .limerick-archive-child-override .limerick-archive-post-excerpt .aft-readmore::before, html body .limerick-archive-child-override a.aft-readmore::before, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"]::before, html body .post-excerpt a.aft-readmore[href*="/limerick-photographic-archive/"]::before, html body .limerick-archive-post-excerpt a[href*="/limerick-photographic-archive/"]::before { content: "View Image" !important; display: inline-block !important; color: #111111 !important; font-family: Garamond, "EB Garamond", Georgia, serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.3px !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } html body .limerick-archive-child-override .aft-readmore-wrapper a:hover, html body .limerick-archive-child-override .post-excerpt .aft-readmore:hover, html body .limerick-archive-child-override .limerick-archive-post-excerpt .aft-readmore:hover, html body .limerick-archive-child-override a.aft-readmore:hover, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"]:hover, html body .post-excerpt a.aft-readmore[href*="/limerick-photographic-archive/"]:hover, html body .limerick-archive-post-excerpt a[href*="/limerick-photographic-archive/"]:hover, html body .limerick-archive-child-override .aft-readmore-wrapper a:focus, html body .limerick-archive-child-override .post-excerpt .aft-readmore:focus, html body .limerick-archive-child-override .limerick-archive-post-excerpt .aft-readmore:focus, html body .limerick-archive-child-override a.aft-readmore:focus, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"]:focus, html body .post-excerpt a.aft-readmore[href*="/limerick-photographic-archive/"]:focus, html body .limerick-archive-post-excerpt a[href*="/limerick-photographic-archive/"]:focus { background-color: #ffffff !important; border-color: #2F7D3B !important; text-decoration: underline !important; text-decoration-color: #111111 !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; } html body .limerick-archive-child-override .aft-readmore-wrapper a:hover::before, html body .limerick-archive-child-override .post-excerpt .aft-readmore:hover::before, html body .limerick-archive-child-override .limerick-archive-post-excerpt .aft-readmore:hover::before, html body .limerick-archive-child-override a.aft-readmore:hover::before, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"]:hover::before, html body .post-excerpt a.aft-readmore[href*="/limerick-photographic-archive/"]:hover::before, html body .limerick-archive-post-excerpt a[href*="/limerick-photographic-archive/"]:hover::before, html body .limerick-archive-child-override .aft-readmore-wrapper a:focus::before, html body .limerick-archive-child-override .post-excerpt .aft-readmore:focus::before, html body .limerick-archive-child-override .limerick-archive-post-excerpt .aft-readmore:focus::before, html body .limerick-archive-child-override a.aft-readmore:focus::before, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"]:focus::before, html body .post-excerpt a.aft-readmore[href*="/limerick-photographic-archive/"]:focus::before, html body .limerick-archive-post-excerpt a[href*="/limerick-photographic-archive/"]:focus::before { color: #111111 !important; } html body .limerick-archive-child-override .aft-readmore .screen-reader-text, html body .aft-readmore-wrapper a[href*="/limerick-photographic-archive/"] .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } https://limerickarchives.com/wp-sitemap-posts-post-1.xmlhttps://limerickarchives.com/wp-sitemap-posts-page-1.xmlhttps://limerickarchives.com/wp-sitemap-posts-tainacan-collection-1.xmlhttps://limerickarchives.com/wp-sitemap-posts-tainacan-metasection-1.xmlhttps://limerickarchives.com/wp-sitemap-posts-tainacan-filter-1.xmlhttps://limerickarchives.com/wp-sitemap-posts-tainacan-taxonomy-1.xmlhttps://limerickarchives.com/wp-sitemap-posts-tnc_col_79773_item-1.xmlhttps://limerickarchives.com/wp-sitemap-taxonomies-category-1.xmlhttps://limerickarchives.com/wp-sitemap-taxonomies-post_tag-1.xmlhttps://limerickarchives.com/wp-sitemap-taxonomies-tnc_tax_79912-1.xmlhttps://limerickarchives.com/wp-sitemap-taxonomies-tnc_tax_79840-1.xmlhttps://limerickarchives.com/wp-sitemap-users-1.xml