https://wiki.highlanderpress.org/api.php?action=feedcontributions&feedformat=atom&user=Admin 2026-08-15T15:09:11Z User contributions MediaWiki 1.45.3 https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=283 2026-08-14T08:16:41Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 -5px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 0px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — REMOVE ALL DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero .hero-title-main::before,<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::before,<br /> .eko-hero .hero-title-sub::after,<br /> .eko-hero .eko-content h1::before,<br /> .eko-hero .eko-content h1::after,<br /> .eko-hero .eko-content h2::before,<br /> .eko-hero .eko-content h2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: none !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> REMOVE ALL HERO DIVIDERS — FINAL OVERRIDE<br /> ========================================================== */<br /> <br /> /* Remove borders from headings */<br /> .eko-hero h1,<br /> .eko-hero h2,<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading1,<br /> .eko-hero .mw-heading2 {<br /> border: 0 !important;<br /> border-top: 0 !important;<br /> border-right: 0 !important;<br /> border-bottom: 0 !important;<br /> border-left: 0 !important;<br /> box-shadow: none !important;<br /> outline: none !important;<br /> }<br /> <br /> /* Remove ALL pseudo-element dividers */<br /> .eko-hero h1::before,<br /> .eko-hero h1::after,<br /> .eko-hero h2::before,<br /> .eko-hero h2::after,<br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after,<br /> .eko-hero .mw-heading1::before,<br /> .eko-hero .mw-heading1::after,<br /> .eko-hero .mw-heading2::before,<br /> .eko-hero .mw-heading2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: 0 !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Specifically remove the old divider rules */<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> /* Remove actual horizontal rules inside hero */<br /> .eko-hero hr {<br /> display: none !important;<br /> height: 0 !important;<br /> border: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Remove Chameleon heading separators inside hero */<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading h1,<br /> .eko-hero .mw-heading h2 {<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — TIGHTEN H1 / H2 SPACING<br /> ========================================================== */<br /> <br /> .eko-hero .eko-content h1,<br /> .eko-hero .eko-content h2 {<br /> margin-top: 0 !important;<br /> }<br /> <br /> .eko-hero .eko-content h1 {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .eko-hero .eko-content h2 {<br /> margin-top: 0 !important;<br /> margin-bottom: 18px !important;<br /> }<br /> <br /> /* Remove spacing from MediaWiki heading wrappers */<br /> .eko-hero .mw-heading {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Specifically control the space between H1 and H2 */<br /> .eko-hero .hero-title-main + .hero-title-sub {<br /> margin-top: 0 !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=282 2026-08-14T08:15:20Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 4px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 20px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — REMOVE ALL DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero .hero-title-main::before,<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::before,<br /> .eko-hero .hero-title-sub::after,<br /> .eko-hero .eko-content h1::before,<br /> .eko-hero .eko-content h1::after,<br /> .eko-hero .eko-content h2::before,<br /> .eko-hero .eko-content h2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: none !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> REMOVE ALL HERO DIVIDERS — FINAL OVERRIDE<br /> ========================================================== */<br /> <br /> /* Remove borders from headings */<br /> .eko-hero h1,<br /> .eko-hero h2,<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading1,<br /> .eko-hero .mw-heading2 {<br /> border: 0 !important;<br /> border-top: 0 !important;<br /> border-right: 0 !important;<br /> border-bottom: 0 !important;<br /> border-left: 0 !important;<br /> box-shadow: none !important;<br /> outline: none !important;<br /> }<br /> <br /> /* Remove ALL pseudo-element dividers */<br /> .eko-hero h1::before,<br /> .eko-hero h1::after,<br /> .eko-hero h2::before,<br /> .eko-hero h2::after,<br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after,<br /> .eko-hero .mw-heading1::before,<br /> .eko-hero .mw-heading1::after,<br /> .eko-hero .mw-heading2::before,<br /> .eko-hero .mw-heading2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: 0 !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Specifically remove the old divider rules */<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> /* Remove actual horizontal rules inside hero */<br /> .eko-hero hr {<br /> display: none !important;<br /> height: 0 !important;<br /> border: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Remove Chameleon heading separators inside hero */<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading h1,<br /> .eko-hero .mw-heading h2 {<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — TIGHTEN H1 / H2 SPACING<br /> ========================================================== */<br /> <br /> .eko-hero .eko-content h1,<br /> .eko-hero .eko-content h2 {<br /> margin-top: 0 !important;<br /> }<br /> <br /> .eko-hero .eko-content h1 {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .eko-hero .eko-content h2 {<br /> margin-top: 0 !important;<br /> margin-bottom: 18px !important;<br /> }<br /> <br /> /* Remove spacing from MediaWiki heading wrappers */<br /> .eko-hero .mw-heading {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Specifically control the space between H1 and H2 */<br /> .eko-hero .hero-title-main + .hero-title-sub {<br /> margin-top: 0 !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=281 2026-08-14T08:13:51Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 4px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 20px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — REMOVE ALL DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero .hero-title-main::before,<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::before,<br /> .eko-hero .hero-title-sub::after,<br /> .eko-hero .eko-content h1::before,<br /> .eko-hero .eko-content h1::after,<br /> .eko-hero .eko-content h2::before,<br /> .eko-hero .eko-content h2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: none !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> REMOVE ALL HERO DIVIDERS — FINAL OVERRIDE<br /> ========================================================== */<br /> <br /> /* Remove borders from headings */<br /> .eko-hero h1,<br /> .eko-hero h2,<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading1,<br /> .eko-hero .mw-heading2 {<br /> border: 0 !important;<br /> border-top: 0 !important;<br /> border-right: 0 !important;<br /> border-bottom: 0 !important;<br /> border-left: 0 !important;<br /> box-shadow: none !important;<br /> outline: none !important;<br /> }<br /> <br /> /* Remove ALL pseudo-element dividers */<br /> .eko-hero h1::before,<br /> .eko-hero h1::after,<br /> .eko-hero h2::before,<br /> .eko-hero h2::after,<br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after,<br /> .eko-hero .mw-heading1::before,<br /> .eko-hero .mw-heading1::after,<br /> .eko-hero .mw-heading2::before,<br /> .eko-hero .mw-heading2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: 0 !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Specifically remove the old divider rules */<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> /* Remove actual horizontal rules inside hero */<br /> .eko-hero hr {<br /> display: none !important;<br /> height: 0 !important;<br /> border: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Remove Chameleon heading separators inside hero */<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading h1,<br /> .eko-hero .mw-heading h2 {<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after {<br /> display: none !important;<br /> content: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=280 2026-08-14T08:11:12Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:sami-reindeer-herding.png|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:himalayan-medicinal-plants.png|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:naga-forest-conservation.png|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:arctic-sea-ice-observation.png|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:guarani-atlantic-forest-knowledge.png|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:traditional-fire-management.png|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Ekologos-logo.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Ekologos-logo.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=279 2026-08-14T08:10:44Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 14px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 28px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — REMOVE ALL DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero .hero-title-main::before,<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::before,<br /> .eko-hero .hero-title-sub::after,<br /> .eko-hero .eko-content h1::before,<br /> .eko-hero .eko-content h1::after,<br /> .eko-hero .eko-content h2::before,<br /> .eko-hero .eko-content h2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: none !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> REMOVE ALL HERO DIVIDERS — FINAL OVERRIDE<br /> ========================================================== */<br /> <br /> /* Remove borders from headings */<br /> .eko-hero h1,<br /> .eko-hero h2,<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading1,<br /> .eko-hero .mw-heading2 {<br /> border: 0 !important;<br /> border-top: 0 !important;<br /> border-right: 0 !important;<br /> border-bottom: 0 !important;<br /> border-left: 0 !important;<br /> box-shadow: none !important;<br /> outline: none !important;<br /> }<br /> <br /> /* Remove ALL pseudo-element dividers */<br /> .eko-hero h1::before,<br /> .eko-hero h1::after,<br /> .eko-hero h2::before,<br /> .eko-hero h2::after,<br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after,<br /> .eko-hero .mw-heading1::before,<br /> .eko-hero .mw-heading1::after,<br /> .eko-hero .mw-heading2::before,<br /> .eko-hero .mw-heading2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: 0 !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Specifically remove the old divider rules */<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> /* Remove actual horizontal rules inside hero */<br /> .eko-hero hr {<br /> display: none !important;<br /> height: 0 !important;<br /> border: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Remove Chameleon heading separators inside hero */<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading h1,<br /> .eko-hero .mw-heading h2 {<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after {<br /> display: none !important;<br /> content: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=278 2026-08-14T08:06:39Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 14px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 28px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — REMOVE ALL DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero .hero-title-main::before,<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::before,<br /> .eko-hero .hero-title-sub::after,<br /> .eko-hero .eko-content h1::before,<br /> .eko-hero .eko-content h1::after,<br /> .eko-hero .eko-content h2::before,<br /> .eko-hero .eko-content h2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: none !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> REMOVE ALL HERO DIVIDERS — FINAL OVERRIDE<br /> ========================================================== */<br /> <br /> /* Remove borders from headings */<br /> .eko-hero h1,<br /> .eko-hero h2,<br /> .eko-hero .mw-heading,<br /> .eko-hero .mw-heading1,<br /> .eko-hero .mw-heading2 {<br /> border: 0 !important;<br /> border-top: 0 !important;<br /> border-right: 0 !important;<br /> border-bottom: 0 !important;<br /> border-left: 0 !important;<br /> box-shadow: none !important;<br /> outline: none !important;<br /> }<br /> <br /> /* Remove ALL pseudo-element dividers */<br /> .eko-hero h1::before,<br /> .eko-hero h1::after,<br /> .eko-hero h2::before,<br /> .eko-hero h2::after,<br /> .eko-hero .mw-heading::before,<br /> .eko-hero .mw-heading::after,<br /> .eko-hero .mw-heading1::before,<br /> .eko-hero .mw-heading1::after,<br /> .eko-hero .mw-heading2::before,<br /> .eko-hero .mw-heading2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: 0 !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Specifically remove the old divider rules */<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::after {<br /> content: none !important;<br /> display: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=277 2026-08-14T08:03:47Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 14px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 28px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> HERO — REMOVE ALL DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero .hero-title-main::before,<br /> .eko-hero .hero-title-main::after,<br /> .eko-hero .hero-title-sub::before,<br /> .eko-hero .hero-title-sub::after,<br /> .eko-hero .eko-content h1::before,<br /> .eko-hero .eko-content h1::after,<br /> .eko-hero .eko-content h2::before,<br /> .eko-hero .eko-content h2::after {<br /> content: none !important;<br /> display: none !important;<br /> border: none !important;<br /> background: none !important;<br /> box-shadow: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=276 2026-08-14T08:00:33Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 14px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 28px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> /* ==========================================================<br /> REMOVE ALL HERO DIVIDERS<br /> ========================================================== */<br /> <br /> .eko-hero hr,<br /> .eko-hero::before,<br /> .eko-hero::after,<br /> .eko-content hr,<br /> .hero-title-main::before,<br /> .hero-title-main::after,<br /> .hero-title-sub::before,<br /> .hero-title-sub::after {<br /> display: none !important;<br /> content: none !important;<br /> border: none !important;<br /> background: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=275 2026-08-14T07:57:47Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> /* CENTRE EVERYTHING */<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> <br /> text-align: center;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* HERO OVERLAY */<br /> <br /> .eko-overlay {<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(0,0,0,.30);<br /> }<br /> <br /> <br /> /* HERO CONTENT */<br /> <br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 950px;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO TYPOGRAPHY<br /> ========================================================== */<br /> <br /> .eko-content .hero-title-main {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 78px;<br /> font-weight: 700;<br /> line-height: 1;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 14px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> .eko-content .hero-title-sub {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> <br /> font-size: 52px;<br /> font-weight: 500;<br /> line-height: 1.15;<br /> <br /> color: #ffffff !important;<br /> <br /> margin: 0 0 28px !important;<br /> <br /> text-align: center !important;<br /> }<br /> <br /> <br /> /* Divider */<br /> <br /> .eko-content .hero-title-sub::after {<br /> content: &quot;&quot;;<br /> <br /> display: block;<br /> <br /> width: 420px;<br /> max-width: 100%;<br /> <br /> height: 1px;<br /> <br /> margin: 28px auto 0;<br /> <br /> background: rgba(255,255,255,.75);<br /> }<br /> <br /> <br /> /* HERO DESCRIPTION */<br /> <br /> .eko-content &gt; p {<br /> max-width: 720px;<br /> <br /> margin: 28px auto 0 !important;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 20px;<br /> line-height: 1.6;<br /> <br /> color: #ffffff !important;<br /> <br /> text-align: center !important;<br /> }/* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=274 2026-08-14T07:50:45Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=273 2026-08-14T07:48:30Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background-image:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/26/Hero.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> }<br /> <br /> /* Center the hero content */<br /> .eko-content {<br /> position: relative;<br /> z-index: 2;<br /> <br /> max-width: 1200px;<br /> margin: 0 auto;<br /> padding: 120px 40px;<br /> <br /> text-align: center;<br /> }<br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=272 2026-08-14T07:46:43Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero {<br /> position: relative;<br /> width: 100%;<br /> min-height: 720px;<br /> height: 80vh;<br /> max-height: 900px;<br /> <br /> background-image:<br /> linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=271 2026-08-14T07:38:48Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=270 2026-08-14T07:37:08Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=269 2026-08-14T07:36:16Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/2/26/Hero.jpg/800px-Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=268 2026-07-27T08:46:34Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:sami-reindeer-herding.png|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:himalayan-medicinal-plants.png|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:naga-forest-conservation.png|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:arctic-sea-ice-observation.png|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:guarani-atlantic-forest-knowledge.png|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:traditional-fire-management.png|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Ekologos-logo.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Ekologos-logo.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=267 2026-07-27T08:40:44Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:sami-reindeer-herding.png|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:himalayan-medicinal-plants.png|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:naga-forest-conservation.png|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:arctic-sea-ice-observation.png|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:guarani-atlantic-forest-knowledge.png|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:traditional-fire-management.png|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Ekologos-logo.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Globe.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Ekologos-logo.png&diff=266 2026-07-27T08:31:24Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=265 2026-07-27T08:21:20Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=264 2026-07-27T08:10:04Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=263 2026-07-27T08:09:25Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }<br /> <br /> /* Resize MediaWiki header logo */<br /> .mw-logo {<br /> background-size: contain !important;<br /> }<br /> <br /> .mw-logo-icon {<br /> width: 45px !important;<br /> height: 45px !important;<br /> max-width: 45px !important;<br /> max-height: 45px !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=262 2026-07-27T08:06:14Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:70px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=261 2026-07-27T08:03:42Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=260 2026-07-27T08:02:58Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:50px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=259 2026-07-25T13:37:24Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* Keep the Contribute button permanently green */<br /> <br /> .page-Main_Page .home-community-button a,<br /> .page-Main_Page .home-community-button a:visited,<br /> .page-Main_Page .home-community-button a.new {<br /> display: inline-block !important;<br /> padding: 8px 20px !important;<br /> <br /> background-color: var(--eko-green) !important;<br /> color: #ffffff !important;<br /> <br /> border-radius: 4px !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> /* Keep it green when hovering */<br /> <br /> .page-Main_Page .home-community-button a:hover,<br /> .page-Main_Page .home-community-button a.new:hover {<br /> background-color: var(--eko-accent) !important;<br /> color: #ffffff !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=258 2026-07-25T13:27:45Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:sami-reindeer-herding.png|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:himalayan-medicinal-plants.png|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:naga-forest-conservation.png|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:arctic-sea-ice-observation.png|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:guarani-atlantic-forest-knowledge.png|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:traditional-fire-management.png|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Globe.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Globe.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Sami-reindeer-herding.png&diff=257 2026-07-25T13:17:51Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Naga-forest-conservation.png&diff=256 2026-07-25T13:17:42Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Himalayan-medicinal-plants.png&diff=255 2026-07-25T13:17:33Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Guarani-atlantic-forest-knowledge.png&diff=254 2026-07-25T13:17:23Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Arctic-sea-ice-observation.png&diff=253 2026-07-25T13:16:42Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=File:Traditional-fire-management.png&diff=252 2026-07-25T13:15:49Z

<p>Admin: </p> <hr /> <div></div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=251 2026-07-25T12:58:36Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }<br /> /* More space between social symbols */<br /> <br /> .page-Main_Page .home-footer-social &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-end !important;<br /> gap: 18px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-social &gt; p &gt; span {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=250 2026-07-25T12:56:04Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }<br /> /* Correct spacing between footer links */<br /> <br /> .page-Main_Page .home-footer-links &gt; p {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> flex-wrap: wrap !important;<br /> gap: 28px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-footer-links &gt; p &gt; a {<br /> display: inline-block !important;<br /> margin: 0 !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=249 2026-07-25T12:53:45Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }<br /> /* More space between footer links */<br /> .page-Main_Page .home-footer-links {<br /> gap: 32px !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=248 2026-07-25T12:52:08Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }<br /> /* About Ekologos left — Ekologos Project right */<br /> <br /> .page-Main_Page .home-about-project {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 50% !important;<br /> flex: 0 0 50% !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> border-top: none !important;<br /> }<br /> <br /> /* Stack only on very small screens */<br /> <br /> @media (max-width: 500px) {<br /> <br /> .page-Main_Page .home-about-project {<br /> flex-direction: column !important;<br /> }<br /> <br /> .page-Main_Page .home-about-box,<br /> .page-Main_Page .home-project-box {<br /> width: 100% !important;<br /> flex: 0 0 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-project-box {<br /> border-left: none !important;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16) !important;<br /> }<br /> <br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=247 2026-07-25T12:49:26Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }<br /> /* Featured Articles left — Communities right */<br /> <br /> .page-Main_Page .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> width: 100% !important;<br /> }<br /> <br /> .page-Main_Page .home-articles-panel {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .page-Main_Page .home-community-card {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> min-width: 0 !important;<br /> margin: 0 !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=246 2026-07-24T12:13:12Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Sami Reindeer Herding.jpg|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Himalayan Medicinal Plants.jpg|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Naga Forest Conservation.jpg|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Arctic Sea Ice Observation.jpg|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Guarani Atlantic Forest Knowledge.jpg|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Traditional Fire Management.jpg|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Globe.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Globe.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=245 2026-07-24T12:06:54Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;<br /> Featured Knowledge Collections<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-image&quot;&gt;<br /> [[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-title&quot;&gt;<br /> [[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-text&quot;&gt;<br /> Traditional systems of environmental observation, stewardship, and adaptation.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-image&quot;&gt;<br /> [[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-title&quot;&gt;<br /> [[Environmental Change|Environmental Change]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-text&quot;&gt;<br /> Historical and contemporary accounts of ecological transformation.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-image&quot;&gt;<br /> [[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-title&quot;&gt;<br /> [[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-text&quot;&gt;<br /> Interactive maps connecting places, species, stories, and communities.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-image&quot;&gt;<br /> [[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-title&quot;&gt;<br /> [[Biodiversity Archive|Biodiversity Archive]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-text&quot;&gt;<br /> Species accounts, habitats, and community-based observations from around the world.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;<br /> Featured Articles<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-thumb&quot;&gt;<br /> [[File:Sami Reindeer Herding.jpg|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-title&quot;&gt;<br /> [[Sami Reindeer Herding|Sámi Reindeer Herding]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-place&quot;&gt;<br /> Arctic<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-thumb&quot;&gt;<br /> [[File:Himalayan Medicinal Plants.jpg|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-title&quot;&gt;<br /> [[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-place&quot;&gt;<br /> Himalayas<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-thumb&quot;&gt;<br /> [[File:Naga Forest Conservation.jpg|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-title&quot;&gt;<br /> [[Naga Forest Conservation|Naga Forest Conservation]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-place&quot;&gt;<br /> Northeast India<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-thumb&quot;&gt;<br /> [[File:Arctic Sea Ice Observation.jpg|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-title&quot;&gt;<br /> [[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-place&quot;&gt;<br /> Arctic<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-thumb&quot;&gt;<br /> [[File:Guarani Atlantic Forest Knowledge.jpg|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-title&quot;&gt;<br /> [[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-place&quot;&gt;<br /> Brazil<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-thumb&quot;&gt;<br /> [[File:Traditional Fire Management.jpg|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-title&quot;&gt;<br /> [[Traditional Fire Management|Traditional Fire Management]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-place&quot;&gt;<br /> Australia<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;<br /> [[Articles|Browse all articles →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> <br /> &lt;span class=&quot;home-community-symbol&quot;&gt;<br /> ♧<br /> &lt;/span&gt;<br /> <br /> Communities &amp;amp; Contributors<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> <br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;<br /> [[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;<br /> About Ekologos Wiki<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;<br /> [[File:Globe.png|70px|link=|alt=The Ekologos Project]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;<br /> The Ekologos Project<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> <br /> [[File:Globe.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> <br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;<br /> EKOLOGOS<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;<br /> WIKI<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> <br /> [[About|About]]<br /> <br /> [[Contribute|How to Contribute]]<br /> <br /> [[Community Guidelines|Community Guidelines]]<br /> <br /> [[Contact|Contact]]<br /> <br /> [[Privacy policy|Privacy]]<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> <br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=244 2026-07-24T12:04:38Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=243 2026-07-24T12:03:47Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 400px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=242 2026-07-24T07:59:57Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-30px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 650px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=241 2026-07-24T07:59:15Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-70px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 650px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=240 2026-07-24T07:58:08Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:70px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 650px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=239 2026-07-24T07:57:27Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:70px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:50px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 650px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=238 2026-07-24T07:52:36Z

<p>Admin: </p> <hr /> <div>/* ==========================================================<br /> EKOLOGOS WIKI DESIGN SYSTEM v2.0<br /> Foundation<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> 1. ROOT VARIABLES<br /> ========================================================== */<br /> <br /> :root{<br /> <br /> --eko-green:#23492F;<br /> --eko-accent:#295536;<br /> --eko-bg:#F8F6F1;<br /> --eko-white:#ffffff;<br /> --eko-text:#333333;<br /> --eko-light:#666666;<br /> <br /> --radius:18px;<br /> <br /> --shadow-sm:0 6px 18px rgba(0,0,0,.08);<br /> --shadow-md:0 12px 30px rgba(0,0,0,.10);<br /> --shadow-lg:0 22px 50px rgba(0,0,0,.15);<br /> <br /> --container:1280px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> 2. GLOBAL<br /> ========================================================== */<br /> <br /> html{<br /> scroll-behavior:smooth;<br /> }<br /> <br /> body{<br /> margin:0;<br /> padding:0;<br /> background:var(--eko-bg);<br /> color:var(--eko-text);<br /> font-family:&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;<br /> }<br /> <br /> /* ==========================================================<br /> FULL WIDTH LAYOUT<br /> ========================================================== */<br /> <br /> body .container,<br /> body .container-fluid,<br /> .col-cmln,<br /> .col-12,<br /> #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> width:100% !important;<br /> max-width:100% !important;<br /> <br /> }<br /> <br /> .page-Main_Page .container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill.container{<br /> width:100% !important;<br /> max-width:100% !important;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .page-Main_Page #content,<br /> .page-Main_Page #bodyContent,<br /> .page-Main_Page #mw-content-text,<br /> .page-Main_Page .mw-parser-output{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> CONTENT PAGES<br /> ========================================================== */<br /> <br /> body:not(.page-Main_Page) .mw-parser-output{<br /> <br /> max-width:1100px;<br /> margin:auto;<br /> padding:40px 30px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> MAIN PAGE CLEANUP<br /> ========================================================== */<br /> <br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page #contentSub,<br /> .page-Main_Page #toc,<br /> .page-Main_Page .page-tools,<br /> .page-Main_Page .mw-indicators{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> NAVBAR<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar{<br /> <br /> position:absolute;<br /> top:0;<br /> left:0;<br /> right:0;<br /> <br /> z-index:1000;<br /> <br /> background:transparent !important;<br /> border:none !important;<br /> box-shadow:none !important;<br /> <br /> }<br /> <br /> /* Logo */<br /> <br /> .navbar-brand{<br /> <br /> display:flex !important;<br /> align-items:flex-start !important;<br /> justify-content:center;<br /> <br /> height:50px;<br /> <br /> padding:0 8px !important;<br /> margin-top:-50px;<br /> <br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo,<br /> #p-logo img{<br /> <br /> display:block;<br /> <br /> height:90px;<br /> width:auto;<br /> <br /> }<br /> <br /> /* Navigation */<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a{<br /> <br /> color:#ffffff !important;<br /> font-weight:500;<br /> <br /> }<br /> <br /> .page-Main_Page .navbar-nav&gt;li&gt;a:hover{<br /> <br /> color:#d8ead8 !important;<br /> <br /> }<br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .eko-hero{<br /> <br /> position:relative;<br /> <br /> width:100%;<br /> <br /> min-height:720px;<br /> height:80vh;<br /> max-height:900px;<br /> <br /> background:<br /> linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),<br /> url(&quot;/wiki/images/2/26/Hero.jpg?20260703054727&quot;);<br /> <br /> background-size:cover;<br /> background-position:center;<br /> background-repeat:no-repeat;<br /> <br /> display:flex;<br /> justify-content:center;<br /> align-items:center;<br /> text-align:center;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> .eko-overlay{<br /> <br /> position:absolute;<br /> inset:0;<br /> background:rgba(0,0,0,.30);<br /> <br /> }<br /> <br /> .eko-content{<br /> <br /> position:relative;<br /> z-index:2;<br /> <br /> width:100%;<br /> max-width:950px;<br /> <br /> padding:0 30px;<br /> <br /> }<br /> <br /> /* ==========================================<br /> HERO TYPOGRAPHY<br /> ========================================== */<br /> <br /> .hero-title-main{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:78px;<br /> font-weight:700;<br /> line-height:1;<br /> color:#ffffff;<br /> <br /> margin:0 0 14px;<br /> <br /> }<br /> <br /> .hero-title-sub{<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:52px;<br /> font-weight:500;<br /> line-height:1.15;<br /> color:#ffffff;<br /> <br /> margin:0 0 28px;<br /> <br /> }<br /> <br /> /* Single divider BELOW H2 only */<br /> .hero-title-sub::after{<br /> <br /> content:&quot;&quot;;<br /> <br /> display:block;<br /> <br /> width:420px;<br /> max-width:100%;<br /> <br /> height:1px;<br /> <br /> margin:28px auto 0;<br /> <br /> background:rgba(255,255,255,.75);<br /> <br /> }<br /> <br /> /* Remove any divider after H1 */<br /> .hero-title-main::after{<br /> <br /> content:none;<br /> <br /> }<br /> <br /> .eko-content p{<br /> <br /> max-width:760px;<br /> <br /> margin:35px auto 0;<br /> <br /> font-size:22px;<br /> line-height:1.7;<br /> <br /> color:rgba(255,255,255,.95);<br /> <br /> }<br /> /* Remove MediaWiki heading borders inside hero */<br /> <br /> .eko-content h1,<br /> .eko-content h2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> text-decoration: none !important;<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .eko-content .mw-heading,<br /> .eko-content .mw-heading1,<br /> .eko-content .mw-heading2{<br /> border: none !important;<br /> border-bottom: none !important;<br /> box-shadow: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Keep only one divider below H2 */<br /> <br /> .hero-title-sub::after{<br /> content:&quot;&quot;;<br /> display:block;<br /> width:420px;<br /> max-width:100%;<br /> height:1px;<br /> background:rgba(255,255,255,.75);<br /> margin:28px auto 0;<br /> }<br /> /* ==========================================================<br /> HOMEPAGE SECTION<br /> ========================================================== */<br /> <br /> .homepage-section{<br /> <br /> max-width:var(--container);<br /> margin:0 auto;<br /> padding:90px 40px;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> SECTION HEADER<br /> ========================================================== */<br /> <br /> .section-header{<br /> <br /> display:flex;<br /> justify-content:space-between;<br /> align-items:center;<br /> <br /> width:100%;<br /> <br /> margin-bottom:2px;<br /> <br /> }<br /> <br /> /* Left side */<br /> <br /> .section-title-left{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> gap:16px;<br /> <br /> flex:1;<br /> <br /> }<br /> <br /> /* Remove MediaWiki image wrappers */<br /> <br /> .section-title-left span,<br /> .section-title-left a{<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> }<br /> <br /> /* Globe icon */<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img,<br /> .section-icon,<br /> .section-icon img{<br /> <br /> width:32px !important;<br /> height:32px !important;<br /> <br /> min-width:32px;<br /> min-height:32px;<br /> <br /> display:block;<br /> <br /> object-fit:contain;<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> border:none;<br /> box-shadow:none;<br /> <br /> }<br /> <br /> /* Heading */<br /> <br /> .section-heading{<br /> <br /> margin:0;<br /> padding:0;<br /> <br /> font-family:Georgia,&quot;Times New Roman&quot;,serif;<br /> font-size:46px;<br /> font-weight:500;<br /> line-height:1;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> /* Remove default MediaWiki heading spacing */<br /> <br /> .section-heading::before,<br /> .section-heading::after{<br /> <br /> display:none !important;<br /> content:none !important;<br /> <br /> }<br /> <br /> .section-title-left h2{<br /> <br /> margin:0 !important;<br /> padding:0 !important;<br /> border:none !important;<br /> <br /> }<br /> <br /> /* Right side */<br /> <br /> .section-title-right{<br /> <br /> margin-left:auto;<br /> <br /> white-space:nowrap;<br /> <br /> font-size:18px;<br /> font-weight:600;<br /> <br /> display:flex;<br /> align-items:center;<br /> <br /> }<br /> <br /> .section-title-right a{<br /> <br /> color:var(--eko-green);<br /> text-decoration:none;<br /> <br /> transition:.25s;<br /> <br /> }<br /> <br /> .section-title-right a:hover{<br /> <br /> color:var(--eko-accent);<br /> text-decoration:none;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:768px){<br /> <br /> .section-header{<br /> <br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:20px;<br /> <br /> }<br /> <br /> .section-heading{<br /> <br /> font-size:34px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> margin-left:0;<br /> <br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .section-heading{<br /> <br /> font-size:28px;<br /> <br /> }<br /> <br /> .section-title-left .mw-file-element,<br /> .section-title-left img{<br /> <br /> width:26px !important;<br /> height:26px !important;<br /> <br /> min-width:26px;<br /> min-height:26px;<br /> <br /> }<br /> <br /> .section-title-right{<br /> <br /> font-size:16px;<br /> <br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> GRID<br /> ========================================================== */<br /> <br /> .homepage-grid{<br /> display:grid;<br /> grid-template-columns:repeat(3,1fr);<br /> gap:34px;<br /> }<br /> <br /> /* ==========================================================<br /> CARDS<br /> ========================================================== */<br /> <br /> .eko-card{<br /> width:100%;<br /> display:block;<br /> background:#fff;<br /> border-radius:18px;<br /> overflow:hidden;<br /> box-shadow:var(--shadow-sm);<br /> transition:.3s;<br /> }<br /> <br /> .eko-card:hover{<br /> <br /> transform:translateY(-6px);<br /> <br /> box-shadow:var(--shadow-lg);<br /> <br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> <br /> width:100%;<br /> height:260px;<br /> <br /> object-fit:cover;<br /> <br /> display:block;<br /> <br /> transition:transform .35s ease;<br /> <br /> }<br /> <br /> .eko-card:hover img,<br /> .eko-card:hover .mw-file-element{<br /> <br /> transform:scale(1.05);<br /> <br /> }<br /> <br /> .eko-card-body{<br /> <br /> padding:18px;<br /> <br /> }<br /> <br /> .eko-card-title{<br /> <br /> margin:0;<br /> <br /> text-align:center;<br /> <br /> font-family:Georgia,serif;<br /> <br /> font-size:24px;<br /> <br /> color:var(--eko-green);<br /> <br /> }<br /> <br /> .eko-card-text{<br /> <br /> display:none !important;<br /> <br /> }<br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width:1000px){<br /> <br /> .homepage-grid{<br /> grid-template-columns:repeat(2,1fr);<br /> }<br /> <br /> }<br /> <br /> @media (max-width:768px){<br /> <br /> .eko-hero{<br /> min-height:600px;<br /> height:auto;<br /> padding:100px 25px 80px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:54px;<br /> line-height:1.05;<br /> margin-bottom:10px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:36px;<br /> line-height:1.2;<br /> margin-bottom:24px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:320px;<br /> margin:24px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:620px;<br /> font-size:18px;<br /> line-height:1.6;<br /> margin-top:28px;<br /> }<br /> <br /> .section-header{<br /> flex-direction:column;<br /> align-items:flex-start;<br /> gap:15px;<br /> }<br /> <br /> .homepage-section{<br /> padding:70px 25px;<br /> }<br /> <br /> .homepage-grid{<br /> grid-template-columns:1fr;<br /> }<br /> <br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo{<br /> height:50px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width:480px){<br /> <br /> .eko-hero{<br /> min-height:500px;<br /> height:auto;<br /> padding:80px 18px 60px;<br /> }<br /> <br /> .hero-title-main{<br /> font-size:40px;<br /> line-height:1.1;<br /> margin-bottom:8px;<br /> }<br /> <br /> .hero-title-sub{<br /> font-size:28px;<br /> line-height:1.25;<br /> margin-bottom:20px;<br /> }<br /> <br /> .hero-title-sub::after{<br /> width:220px;<br /> margin:20px auto 0;<br /> }<br /> <br /> .eko-content p{<br /> max-width:100%;<br /> font-size:17px;<br /> line-height:1.6;<br /> margin-top:24px;<br /> }<br /> <br /> .homepage-section{<br /> padding:50px 18px;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element{<br /> height:200px;<br /> }<br /> <br /> }<br /> <br /> /* ==========================================================<br /> ANIMATION<br /> ========================================================== */<br /> <br /> @keyframes fadeInUp{<br /> <br /> from{<br /> <br /> opacity:0;<br /> transform:translateY(30px);<br /> <br /> }<br /> <br /> to{<br /> <br /> opacity:1;<br /> transform:translateY(0);<br /> <br /> }<br /> <br /> }<br /> <br /> .animate-in{<br /> <br /> animation:fadeInUp .6s ease forwards;<br /> <br /> }<br /> <br /> .eko-card:nth-child(1){animation-delay:.1s;}<br /> .eko-card:nth-child(2){animation-delay:.2s;}<br /> .eko-card:nth-child(3){animation-delay:.3s;}<br /> .eko-card:nth-child(4){animation-delay:.4s;}<br /> <br /> /* ==========================================================<br /> UTILITIES<br /> ========================================================== */<br /> <br /> .text-center{text-align:center;}<br /> .mt-20{margin-top:20px;}<br /> .mt-40{margin-top:40px;}<br /> .mb-20{margin-bottom:20px;}<br /> .mb-40{margin-bottom:40px;}<br /> /* Make both texts the same size */<br /> .homepage-section .section-heading,<br /> .homepage-section .section-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 20px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.2 !important;<br /> }<br /> .section-title-right a,<br /> .section-title-right a:visited {<br /> color: var(--eko-green) !important;<br /> }<br /> /* Show all six region cards in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(6, 1fr) !important;<br /> gap: 18px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 150px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 12px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 17px !important;<br /> }<br /> }<br /> /* Region titles inside images — compact version */<br /> <br /> .eko-card {<br /> position: relative !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> background: transparent !important;<br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Remove MediaWiki spacing around images */<br /> <br /> .eko-card &gt; p,<br /> .eko-card &gt; figure,<br /> .eko-card &gt; span,<br /> .eko-card &gt; a,<br /> .eko-card .mw-file-description {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> background: transparent !important;<br /> }<br /> <br /> .eko-card &gt; p &gt; span,<br /> .eko-card &gt; p &gt; span &gt; a,<br /> .eko-card &gt; figure &gt; a,<br /> .eko-card &gt; span &gt; a {<br /> display: block !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0 !important;<br /> }<br /> <br /> /* Image fills the card without a white border */<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> display: block !important;<br /> width: 100% !important;<br /> height: 150px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border-radius: 12px !important;<br /> object-fit: cover !important;<br /> }<br /> <br /> /* Small title overlay */<br /> <br /> .eko-card-body {<br /> position: absolute !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> bottom: 0 !important;<br /> padding: 10px 4px 4px !important;<br /> background: linear-gradient(<br /> to bottom,<br /> transparent,<br /> var(--eko-green)<br /> ) !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .eko-card-title {<br /> margin: 0 !important;<br /> color: #ffffff !important;<br /> font-size: 13px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> text-align: center !important;<br /> text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);<br /> }<br /> /* Final fix: space between region heading and cards */<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header {<br /> margin-bottom: 8px !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .section-header + p {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .homepage-section &gt; .homepage-grid {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Move region cards closer to the heading */<br /> .page-Main_Page .homepage-section .homepage-grid {<br /> margin-top: 0px !important;<br /> }<br /> <br /> /* ==========================================================<br /> EXPLORE BY THEME<br /> ========================================================== */<br /> <br /> .theme-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 25px 40px 55px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Theme heading row */<br /> <br /> .theme-header {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 100%;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .theme-title-left {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> }<br /> <br /> .theme-title-left span,<br /> .theme-title-left a {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .theme-title-left img,<br /> .theme-title-left .mw-file-element {<br /> display: block;<br /> width: 22px !important;<br /> height: 22px !important;<br /> min-width: 22px !important;<br /> min-height: 22px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px !important;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> color: var(--eko-green) !important;<br /> }<br /> <br /> .theme-title-right {<br /> margin-left: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .theme-title-right a {<br /> text-decoration: none !important;<br /> }<br /> <br /> .theme-title-right a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Ten theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(10, minmax(0, 1fr));<br /> gap: 12px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual theme card */<br /> <br /> .theme-card {<br /> min-height: 115px;<br /> padding: 12px 5px 10px;<br /> box-sizing: border-box;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #f5f3ed;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);<br /> <br /> text-align: center;<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .theme-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08);<br /> }<br /> <br /> /* Icon */<br /> <br /> .theme-icon {<br /> height: 58px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 0;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .theme-icon span,<br /> .theme-icon a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .theme-icon img,<br /> .theme-icon .mw-file-element {<br /> display: block;<br /> width: 52px !important;<br /> height: 52px !important;<br /> object-fit: contain;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Theme title */<br /> <br /> .theme-name {<br /> color: var(--eko-green);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> line-height: 1.15;<br /> }<br /> <br /> /* Responsive layout */<br /> <br /> @media (max-width: 1000px) {<br /> .theme-grid {<br /> grid-template-columns: repeat(5, 1fr);<br /> }<br /> }<br /> <br /> @media (max-width: 600px) {<br /> .theme-section {<br /> padding: 25px 18px 40px;<br /> }<br /> <br /> .theme-header {<br /> align-items: flex-start;<br /> gap: 12px;<br /> }<br /> <br /> .theme-heading,<br /> .theme-title-right a {<br /> font-size: 15px !important;<br /> }<br /> <br /> .theme-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 10px;<br /> }<br /> }<br /> /* Remove vertical gaps around Explore by Theme */<br /> <br /> .page-Main_Page .homepage-section {<br /> padding-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-section {<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-header {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> .page-Main_Page .theme-grid {<br /> margin-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> FEATURED KNOWLEDGE COLLECTIONS<br /> ========================================================== */<br /> <br /> .collections-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 30px 40px 70px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Section heading */<br /> <br /> .collections-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> /* Four cards in one row */<br /> <br /> .collections-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 18px;<br /> width: 100%;<br /> }<br /> <br /> /* Individual card */<br /> <br /> .collection-card {<br /> background: #ffffff;<br /> border: 1px solid rgba(35, 73, 47, 0.12);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);<br /> transition: transform 0.2s ease, box-shadow 0.2s ease;<br /> }<br /> <br /> .collection-card:hover {<br /> transform: translateY(-4px);<br /> box-shadow: 0 9px 20px rgba(0, 0, 0, 0.09);<br /> }<br /> <br /> /* Remove MediaWiki image spacing */<br /> <br /> .collection-image {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> }<br /> <br /> .collection-image p,<br /> .collection-image span,<br /> .collection-image a {<br /> display: block;<br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> /* Main card image */<br /> <br /> .collection-image img,<br /> .collection-image .mw-file-element {<br /> display: block;<br /> width: 100% !important;<br /> height: 170px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> /* Text area */<br /> <br /> .collection-body {<br /> min-height: 135px;<br /> padding: 16px 16px 18px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Card title */<br /> <br /> .collection-title {<br /> margin: 0 0 7px;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 19px;<br /> font-weight: 600;<br /> line-height: 1.1;<br /> }<br /> <br /> .collection-title a,<br /> .collection-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .collection-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> /* Description */<br /> <br /> .collection-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 14px;<br /> font-weight: 400;<br /> line-height: 1.45;<br /> }<br /> <br /> /* Tablet */<br /> <br /> @media (max-width: 900px) {<br /> .collections-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* Mobile */<br /> <br /> @media (max-width: 600px) {<br /> .collections-section {<br /> padding: 25px 18px 45px;<br /> }<br /> <br /> .collections-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> HOMEPAGE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> .home-lower-section {<br /> max-width: var(--container);<br /> margin: 0 auto;<br /> padding: 20px 40px 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> FEATURED ARTICLES AND COMMUNITY<br /> ========================================================== */<br /> <br /> .home-upper-grid {<br /> display: grid;<br /> grid-template-columns: 1.8fr 1fr;<br /> gap: 24px;<br /> align-items: stretch;<br /> width: 100%;<br /> }<br /> <br /> .home-articles-panel {<br /> border-top: 1px solid rgba(35, 73, 47, 0.15);<br /> padding-top: 12px;<br /> }<br /> <br /> .home-lower-heading {<br /> margin: 0 0 14px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-articles-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> column-gap: 30px;<br /> row-gap: 12px;<br /> }<br /> <br /> .home-article-item {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> min-width: 0;<br /> }<br /> <br /> .home-article-thumb {<br /> width: 48px;<br /> height: 48px;<br /> flex: 0 0 48px;<br /> line-height: 0;<br /> border-radius: 50%;<br /> overflow: hidden;<br /> }<br /> <br /> .home-article-thumb span,<br /> .home-article-thumb a {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-article-thumb img,<br /> .home-article-thumb .mw-file-element {<br /> display: block;<br /> width: 48px !important;<br /> height: 48px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: cover;<br /> border-radius: 50%;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-article-copy {<br /> min-width: 0;<br /> }<br /> <br /> .home-article-title {<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 14px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-article-title a,<br /> .home-article-title a:visited {<br /> color: var(--eko-green) !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-article-title a:hover {<br /> color: var(--eko-accent) !important;<br /> }<br /> <br /> .home-article-place {<br /> margin-top: 2px;<br /> color: var(--eko-light);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 11px;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-browse-articles {<br /> margin-top: 12px;<br /> text-align: right;<br /> }<br /> <br /> .home-browse-articles a,<br /> .home-browse-articles a:visited {<br /> color: var(--eko-green) !important;<br /> font-size: 12px;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* Community card */<br /> <br /> .home-community-card {<br /> padding: 22px 26px;<br /> box-sizing: border-box;<br /> background: #eeece4;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> }<br /> <br /> .home-community-title {<br /> display: flex;<br /> align-items: center;<br /> gap: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 20px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-community-symbol {<br /> font-size: 26px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-text {<br /> max-width: 330px;<br /> margin: 16px auto 12px;<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.45;<br /> text-align: center;<br /> }<br /> <br /> .home-community-people {<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-end;<br /> gap: 10px;<br /> margin: 12px 0;<br /> color: var(--eko-green);<br /> font-size: 34px;<br /> line-height: 1;<br /> }<br /> <br /> .home-community-button {<br /> text-align: center;<br /> }<br /> <br /> .home-community-button a,<br /> .home-community-button a:visited {<br /> display: inline-block;<br /> padding: 8px 20px;<br /> background: var(--eko-green);<br /> color: #ffffff !important;<br /> border-radius: 4px;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 600;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-community-button a:hover {<br /> background: var(--eko-accent);<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ABOUT AND PROJECT<br /> ========================================================== */<br /> <br /> .home-about-project {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> margin-top: 20px;<br /> background: #f1efe8;<br /> border: 1px solid rgba(35, 73, 47, 0.08);<br /> border-radius: 14px;<br /> overflow: hidden;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> display: grid;<br /> grid-template-columns: 80px 1fr;<br /> gap: 14px;<br /> padding: 25px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-project-box {<br /> border-left: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-info-icon {<br /> width: 70px;<br /> line-height: 0;<br /> }<br /> <br /> .home-info-icon span,<br /> .home-info-icon a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .home-info-icon img,<br /> .home-info-icon .mw-file-element {<br /> display: block;<br /> width: 70px !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-info-title {<br /> margin-bottom: 9px;<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 18px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> }<br /> <br /> .home-info-text {<br /> color: var(--eko-text);<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .home-info-link {<br /> margin-top: 12px;<br /> }<br /> <br /> .home-info-link a,<br /> .home-info-link a:visited {<br /> color: var(--eko-green) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 12px;<br /> font-weight: 500;<br /> text-decoration: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HOMEPAGE FOOTER<br /> ========================================================== */<br /> <br /> .home-footer {<br /> display: grid;<br /> grid-template-columns: 220px 1fr 120px;<br /> align-items: center;<br /> gap: 20px;<br /> margin-top: 18px;<br /> padding-top: 14px;<br /> border-top: 1px solid rgba(35, 73, 47, 0.18);<br /> }<br /> <br /> .home-footer-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> }<br /> <br /> .home-footer-brand &gt; span,<br /> .home-footer-brand &gt; a {<br /> display: block;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> line-height: 0;<br /> }<br /> <br /> .home-footer-brand img,<br /> .home-footer-brand .mw-file-element {<br /> display: block;<br /> width: 42px !important;<br /> height: 42px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain;<br /> border: none !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> .home-footer-brand-main {<br /> color: var(--eko-green);<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 16px;<br /> letter-spacing: 3px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-brand-small {<br /> margin-top: 4px;<br /> color: var(--eko-green);<br /> font-size: 8px;<br /> letter-spacing: 5px;<br /> line-height: 1;<br /> }<br /> <br /> .home-footer-links {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 26px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .home-footer-links a,<br /> .home-footer-links a:visited {<br /> color: var(--eko-text) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> font-size: 10px;<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-footer-social {<br /> display: flex;<br /> justify-content: flex-end;<br /> align-items: center;<br /> gap: 17px;<br /> color: var(--eko-green);<br /> font-family: Arial, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE LOWER SECTIONS<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .home-upper-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-project {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-project-box {<br /> border-left: none;<br /> border-top: 1px solid rgba(35, 73, 47, 0.16);<br /> }<br /> <br /> .home-footer {<br /> grid-template-columns: 1fr;<br /> text-align: center;<br /> }<br /> <br /> .home-footer-brand,<br /> .home-footer-social {<br /> justify-content: center;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 600px) {<br /> <br /> .home-lower-section {<br /> padding: 20px 18px;<br /> }<br /> <br /> .home-articles-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-about-box,<br /> .home-project-box {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .home-footer-links {<br /> gap: 12px;<br /> }<br /> <br /> }<br /> /* Keep Featured Articles and Communities side by side */<br /> <br /> .home-upper-grid {<br /> display: grid !important;<br /> grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr) !important;<br /> gap: 24px !important;<br /> align-items: stretch !important;<br /> }<br /> <br /> /* Stack them only on small screens */<br /> <br /> @media (max-width: 650px) {<br /> .home-upper-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=237 2026-07-24T07:51:42Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|22px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Sami Reindeer Herding.jpg|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Himalayan Medicinal Plants.jpg|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Naga Forest Conservation.jpg|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Arctic Sea Ice Observation.jpg|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Guarani Atlantic Forest Knowledge.jpg|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Traditional Fire Management.jpg|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Globe.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Globe.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=236 2026-07-24T07:51:20Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;eko-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-content&quot;&gt;<br /> <br /> &lt;h1 class=&quot;hero-title-main&quot;&gt;<br /> Ecological Knowledge<br /> &lt;/h1&gt;<br /> <br /> &lt;h2 class=&quot;hero-title-sub&quot;&gt;<br /> Across Cultures and Landscapes<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> A collaborative knowledge commons documenting ecological knowledge,<br /> environmental change, biodiversity, and culture across the world.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-section&quot;&gt;<br /> <br /> &lt;div class=&quot;section-header&quot;&gt;<br /> <br /> &lt;div class=&quot;section-title-left&quot;&gt;[[File:Globe.png|15px|link=|alt=Globe]]&lt;div class=&quot;section-heading&quot;&gt;Explore by Region&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;section-title-right&quot;&gt;[[Regions|Browse all regions →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Himalayas.jpg|600px|link=Himalayas]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Himalayas&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:South India.jpg|600px|link=South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:Southeastasia.jpg|600px|link=Southeast Asia]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Southeast Asia&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> [[File:All Regions.jpg|600px|link=Regions]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;All Regions&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-section&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-header&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-title-left&quot;&gt;[[File:Biodiversity.png|22px|link=|alt=Theme]]&lt;div class=&quot;theme-heading&quot;&gt;Explore by Theme&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-title-right&quot;&gt;<br /> [[Themes|Browse all themes →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Biodiversity.png|52px|link=Biodiversity|alt=Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water Systems|alt=Water Systems]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water Systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Fire and Land Management|alt=Fire and Land Management]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fire &amp;amp; Land&lt;br&gt;Management&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forest Knowledge|alt=Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forest&lt;br&gt;Knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fisheries.png|52px|link=Fisheries|alt=Fisheries]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Fisheries&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animal Relations|alt=Animal Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animal&lt;br&gt;Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate Change|alt=Climate Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate&lt;br&gt;Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Agriculture|alt=Agriculture]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Agriculture&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Traditional Medicine|alt=Traditional Medicine]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Traditional&lt;br&gt;Medicine&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Dreams and Cosmologies|alt=Dreams and Cosmologies]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Dreams &amp;amp;&lt;br&gt;Cosmologies&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;div class=&quot;collections-section&quot;&gt;<br /> <br /> &lt;div class=&quot;collections-heading&quot;&gt;Featured Knowledge Collections&lt;/div&gt;<br /> <br /> &lt;div class=&quot;collections-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Indigenous Ecological Knowledge.jpg|700px|link=Indigenous Ecological Knowledge|alt=Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Indigenous Ecological Knowledge|Indigenous Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Traditional systems of environmental observation, stewardship, and adaptation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Environmental Change.jpg|700px|link=Environmental Change|alt=Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Environmental Change|Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Historical and contemporary accounts of ecological transformation.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Atlas of Ecological Knowledge.jpg|700px|link=Atlas of Ecological Knowledge|alt=Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Atlas of Ecological Knowledge|Atlas of Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Interactive maps connecting places, species, stories, and communities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;collection-card&quot;&gt;<br /> &lt;div class=&quot;collection-image&quot;&gt;[[File:Biodiversity Archive.jpg|700px|link=Biodiversity Archive|alt=Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-body&quot;&gt;<br /> &lt;div class=&quot;collection-title&quot;&gt;[[Biodiversity Archive|Biodiversity Archive]]&lt;/div&gt;<br /> &lt;div class=&quot;collection-text&quot;&gt;Species accounts, habitats, and community-based observations from around the world.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;div class=&quot;home-lower-section&quot;&gt;<br /> <br /> &lt;div class=&quot;home-upper-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-articles-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;home-lower-heading&quot;&gt;Featured Articles&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-articles-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Sami Reindeer Herding.jpg|48px|link=Sami Reindeer Herding|alt=Sami Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Sami Reindeer Herding|Sámi Reindeer Herding]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Himalayan Medicinal Plants.jpg|48px|link=Himalayan Medicinal Plants|alt=Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Himalayan Medicinal Plants|Himalayan Medicinal Plants]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Naga Forest Conservation.jpg|48px|link=Naga Forest Conservation|alt=Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Naga Forest Conservation|Naga Forest Conservation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Northeast India&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Arctic Sea Ice Observation.jpg|48px|link=Arctic Sea Ice Observation|alt=Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Arctic Sea Ice Observation|Arctic Sea Ice Observation]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Arctic&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Guarani Atlantic Forest Knowledge.jpg|48px|link=Guarani Atlantic Forest Knowledge|alt=Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Guarani Atlantic Forest Knowledge|Guarani Atlantic Forest Knowledge]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Brazil&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-article-item&quot;&gt;<br /> &lt;div class=&quot;home-article-thumb&quot;&gt;[[File:Traditional Fire Management.jpg|48px|link=Traditional Fire Management|alt=Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-copy&quot;&gt;<br /> &lt;div class=&quot;home-article-title&quot;&gt;[[Traditional Fire Management|Traditional Fire Management]]&lt;/div&gt;<br /> &lt;div class=&quot;home-article-place&quot;&gt;Australia&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-browse-articles&quot;&gt;[[Articles|Browse all articles →]]&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-community-card&quot;&gt;<br /> <br /> &lt;div class=&quot;home-community-title&quot;&gt;<br /> &lt;span class=&quot;home-community-symbol&quot;&gt;♧&lt;/span&gt;<br /> Communities &amp;amp; Contributors<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-text&quot;&gt;<br /> Researchers, students, elders, community knowledge holders, artists, and educators contribute to Ekologos.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-people&quot;&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;span&gt;♙&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-community-button&quot;&gt;<br /> [[Contribute|Contribute to Ekologos Wiki]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-about-project&quot;&gt;<br /> <br /> &lt;div class=&quot;home-about-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Biodiversity.png|70px|link=|alt=About Ekologos Wiki]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;About Ekologos Wiki&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> Ekologos Wiki is an open, collaborative platform for sharing and learning from ecological knowledge across cultures and landscapes. Our mission is to support respectful exchange, safeguard diverse knowledge traditions, and inspire care for the living world.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[About|Learn more about Ekologos Wiki →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-project-box&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-icon&quot;&gt;[[File:Globe.png|70px|link=|alt=The Ekologos Project]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-content&quot;&gt;<br /> <br /> &lt;div class=&quot;home-info-title&quot;&gt;The Ekologos Project&lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-text&quot;&gt;<br /> The Ekologos Wiki emerged from the Global Environmental Humanities Project and was developed through partnerships in Norway, India, Brazil, and beyond.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-info-link&quot;&gt;<br /> [[Ekologos Project|Visit the Project Portal →]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;home-footer&quot;&gt;<br /> <br /> &lt;div class=&quot;home-footer-brand&quot;&gt;<br /> [[File:Globe.png|42px|link=Main Page|alt=Ekologos Wiki]]<br /> &lt;div class=&quot;home-footer-brand-text&quot;&gt;<br /> &lt;div class=&quot;home-footer-brand-main&quot;&gt;EKOLOGOS&lt;/div&gt;<br /> &lt;div class=&quot;home-footer-brand-small&quot;&gt;WIKI&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-links&quot;&gt;<br /> [[About|About]]<br /> [[Contribute|How to Contribute]]<br /> [[Community Guidelines|Community Guidelines]]<br /> [[Contact|Contact]]<br /> [[Privacy policy|Privacy]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-footer-social&quot;&gt;<br /> &lt;span&gt;f&lt;/span&gt;<br /> &lt;span&gt;◎&lt;/span&gt;<br /> &lt;span&gt;▶&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Sidebar&diff=235 2026-07-24T07:48:32Z

<p>Admin: </p> <hr /> <div><br /> * navigation<br /> ** helppage|help-mediawiki<br /> ** specialpages-url|specialpages<br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * navigation<br /> ** mainpage|Home<br /> ** Special:AllPages|All Pages<br /> ** Special:Categories|Categories<br /> <br /> * Projects<br /> ** Ekologos<br /> ** Tasting Tomorrow<br /> ** Documentary Archive<br /> <br /> * Regions<br /> ** Nagaland<br /> ** Northeast India<br /> ** Southeast Asia<br /> <br /> * Resources<br /> ** Publications<br /> ** Media Archive<br /> ** Glossary</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Sidebar&diff=234 2026-07-24T07:47:12Z

<p>Admin: </p> <hr /> <div><br /> * navigation<br /> <br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * navigation<br /> ** mainpage|Home<br /> ** Special:AllPages|All Pages<br /> ** Special:Categories|Categories<br /> <br /> * Projects<br /> ** Ekologos<br /> ** Tasting Tomorrow<br /> ** Documentary Archive<br /> <br /> * Regions<br /> ** Nagaland<br /> ** Northeast India<br /> ** Southeast Asia<br /> <br /> * Resources<br /> ** Publications<br /> ** Media Archive<br /> ** Glossary</div>

Admin