/* Rurelec Joomla 6 v1.4: targeted internal-page restoration, 24 October 2026.
   Original Rurelec CSS was consulted for year menus, shareholder PDF icons,
   and the Reporting & Presentations archive. This stylesheet affects ONLY
   the three current English menu routes named below. */

/* 1. The current public site does not show a secondary green INVESTORS/MEDIA
   heading above its section navigation: retain the links and divider. */
body.page-reporting-and-presentations .ContentContainerLeft > h2,
body.page-circulars .ContentContainerLeft > h2,
body.page-press-release-archive .ContentContainerLeft > h2 {
    display: none!important;
}

/* 2. Reporting & Presentations archive, restored from original Custom
   module 352. Render only when menu item 320 is active. */
body.page-reporting-and-presentations .rurelec-reports-archive {
    margin: 30px 0 25px;
    padding: 0;
    background: #f1f6ef;
    color: #797979;
}
body.page-reporting-and-presentations .rurelec-reports-archive > h2 {
    display: block;
    padding: 16px 19px 6px;
    margin: 0;
    color: #74b648;
    font: 400 20px/1.35 Arial,Helvetica,sans-serif;
    text-transform: none;
}
body.page-reporting-and-presentations .rurelec-reports-archive .rurelec-reports-archive-links {
    padding: 0 18px 24px;
}
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox > li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #c8d2c4;
    background: none;
}
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox > li.ArchiveDate,
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox > li:has(> h3) {
    border: 0;
    padding-top: 7px;
}
body.page-reporting-and-presentations .rurelec-reports-archive .ArchiveDate h3,
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox > li > h3 {
    color: #68a543;
    font: 400 14px/1.4 Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 4px 0 3px;
    text-transform: none;
}
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox > li > a {
    display: block;
    padding: 8px 0 8px 23px;
    min-height: 16px;
    color: #797979;
    font: 12px/1.35 Arial,Helvetica,sans-serif;
    background: url('../images/pdf_download.png') no-repeat 1px center;
    background-size: 13px auto;
    text-decoration: none;
}
body.page-reporting-and-presentations .rurelec-reports-archive ul.ArchiveBox > li > a:hover {
    color: #3f9038;
    text-decoration: underline;
}

/* 3. Circulars contains the original unusual nested <ul><ul><li> markup.
   Normalise list indents and restore the red PDF icons without changing
   any article content, URLs, heading, or publication date. */
body.page-circulars .ContentContainerRight .ContentContainer ul {
    margin: .6em 0;
    padding: 0!important;
    list-style: none!important;
}
body.page-circulars .ContentContainerRight .ContentContainer ul ul {
    margin: 0;
    padding-left: 0!important;
}
body.page-circulars .ContentContainerRight .ContentContainer li {
    margin: .4em 0;
    padding: 0;
    list-style: none!important;
    background: none;
}
body.page-circulars .ContentContainerRight .ContentContainer li::marker {
    content: '';
}
body.page-circulars .ContentContainerRight .ContentContainer li > a[href*=".pdf"],
body.page-circulars .ContentContainerRight .ContentContainer li > a[href*=".PDF"] {
    display: inline-block;
    padding: 3px 0 3px 24px;
    background: url('../images/pdf_download.png') no-repeat 0 center;
    background-size: 13px auto;
    color: #459a39;
    text-decoration: none;
}
body.page-circulars .ContentContainerRight .ContentContainer li > a:hover {
    text-decoration: underline;
}

/* 4. Press Release Archive year navigation. The old site used a horizontal
   menuPressList, whereas Joomla 6 outputs a mod-menu list with nav items. */
body.page-press-release-archive .ContentContainerRight > ul.mod-menu,
body.page-press-release-archive .ContentContainerRight ul.mod-menu,
body.page-press-release-archive .ContentContainerRight ul.menuPressList {
    display: flex!important;
    flex-flow: row wrap!important;
    gap: 0!important;
    align-items: center;
    list-style: none!important;
    width: 100%;
    margin: 0 0 25px!important;
    padding: 0!important;
    border-top: 1px solid #d9dfd5;
    border-bottom: 1px solid #d9dfd5;
    background: none;
}
body.page-press-release-archive .ContentContainerRight ul.mod-menu li,
body.page-press-release-archive .ContentContainerRight ul.menuPressList li {
    display: inline-flex!important;
    float: none!important;
    flex: 0 0 auto;
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
    background: none!important;
}
body.page-press-release-archive .ContentContainerRight ul.mod-menu li::marker,
body.page-press-release-archive .ContentContainerRight ul.menuPressList li::marker {content:''}
body.page-press-release-archive .ContentContainerRight ul.mod-menu li > a,
body.page-press-release-archive .ContentContainerRight ul.menuPressList li > a {
    display: block!important;
    padding: 6px 10px!important;
    color: #409638!important;
    font: 12px/1.25 Arial,Helvetica,sans-serif!important;
    text-decoration: none;
    border: 0!important;
    background: none!important;
}
body.page-press-release-archive .ContentContainerRight ul.mod-menu li > a:hover,
body.page-press-release-archive .ContentContainerRight ul.mod-menu li.active > a,
body.page-press-release-archive .ContentContainerRight ul.menuPressList li > a:hover {
    color: #fff!important;
    background: #429538!important;
}
@media(max-width:650px) {
    body.page-reporting-and-presentations .rurelec-reports-archive > h2 {font-size:18px;}
    body.page-press-release-archive .ContentContainerRight ul.mod-menu li > a {padding:6px 8px!important;}
}