https://wiki.highlanderpress.org/api.php?action=feedcontributions&feedformat=atom&user=Admin 2026-10-14T13:09:42Z User contributions MediaWiki 1.45.3 https://wiki.highlanderpress.org/index.php?title=Soldier_Citizens:_Nagas_in_India%27s_Border_Security_Force&diff=491 2026-10-07T05:04:42Z

<p>Admin: Created page with &quot;{{Project Page |title=Soldier Citizens: Nagas in India&#039;s Border Security Force |subtitle=To be confirmed |description=The project aims to understand a complex chapter of Naga social history in the early 1970s and the ongoing violence of the Indian state by recording the life histories of soldiers who transitioned from the Naga Army to the Indian Border Security Force (BSF). |projectlead=Dr Sahana Ghosh |duration=May 2024 – August 2025 |places=To be confirmed |funder=N...&quot;</p> <hr /> <div>{{Project Page<br /> |title=Soldier Citizens: Nagas in India's Border Security Force<br /> |subtitle=To be confirmed<br /> |description=The project aims to understand a complex chapter of Naga social history in the early 1970s and the ongoing violence of the Indian state by recording the life histories of soldiers who transitioned from the Naga Army to the Indian Border Security Force (BSF).<br /> <br /> |projectlead=Dr Sahana Ghosh<br /> |duration=May 2024 – August 2025<br /> |places=To be confirmed<br /> |funder=National University of Singapore<br /> |partners=The Highland Institute<br /> |projectstatus=To be confirmed<br /> <br /> |overview=The project aims to understand a complex chapter of Naga social history in the early 1970s and the ongoing violence of the Indian state. It records the life histories of soldiers who transitioned from the Naga Army to the Indian Border Security Force (BSF), listens to the memories and experiences of the men and their families who became part of the BSF, and documents daily life as soldiers and how this affected identities, social lives, and generational trajectories.<br /> <br /> |objectives=Document life histories of soldiers.<br /> <br /> |themes=To be confirmed.<br /> <br /> |methodology=The project records life histories and the memories and experiences of soldiers who transitioned from the Naga Army to the Indian BSF, together with the experiences of their families.<br /> <br /> |activities=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Documenting the life histories of soldiers who transitioned from the Naga Army to the Indian BSF.&lt;/li&gt;<br /> &lt;li&gt;Recording the memories and experiences of the men and their families.&lt;/li&gt;<br /> &lt;li&gt;Documenting daily life as soldiers and its effects on identities, social lives, and generational trajectories.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |outcomesheading=Planned Outcome<br /> |outcomes=To release a book documenting the life histories of soldiers who transitioned from the Naga Army to the Indian BSF.<br /> <br /> |team=&lt;strong&gt;Esther Swu&lt;/strong&gt; — Research Assistant<br /> <br /> |partnerdetails=The Highland Institute.<br /> <br /> |participants=Soldiers who transitioned from the Naga Army to the Indian BSF and their families.<br /> <br /> |knowledgerecords=To be confirmed.<br /> <br /> |publications=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;&lt;li&gt;Book based on the documented life histories — planned.&lt;/li&gt;&lt;/ul&gt;<br /> <br /> |filmsmedia=To be confirmed.<br /> <br /> |relatedplaces=To be confirmed.<br /> <br /> |related=To be confirmed.<br /> <br /> |sources=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;The Highland Institute, THI Project List: &lt;em&gt;Soldier Citizens: Nagas in India's Border Security Force&lt;/em&gt;.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |imagerights=To be confirmed.<br /> <br /> |editorialnote=This page is based on the THI Project List and is under editorial review. The existing Projects index lists this under Current Projects, while the THI Project List gives a duration of May 2024–August 2025; current project status should therefore be confirmed.<br /> |editorialstatus=PUBLIC — DRAFT<br /> |lastreviewed=7 October 2026<br /> }}</div>

Admin https://wiki.highlanderpress.org/index.php?title=War_Residues:_Repurposed_Objects_and_Memories_of_a_Global_War_along_the_Highland_Naga-Myanmar_Border&diff=490 2026-10-07T04:52:42Z

<p>Admin: </p> <hr /> <div>{{Project Page<br /> |title=War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border<br /> |subtitle=World War II memories, oral histories, and repurposed wartime objects along the Naga–Myanmar border<br /> |description=This project studies how World War II is remembered along the Naga–Myanmar border through objects and oral histories. It examines how wartime materials were repurposed into everyday items and how these objects preserve local memories of the war.<br /> <br /> |projectlead=Dr Aditya Kiran Kakati<br /> |duration=January 2026 – December 2026<br /> |places=Naga–Myanmar border<br /> |funder=Delta on the Move Foundation Limited, Small grants scheme<br /> |partners=The Highland Institute<br /> |projectstatus=To be confirmed<br /> <br /> |overview=The project studies how World War II is remembered along the Naga–Myanmar border through objects and oral histories. Wartime materials such as plane parts and weapons were often repurposed into everyday items, preserving local memories of the war. The project highlights how Naga communities’ stories challenge dominant Western narratives by showing their agency, resourcefulness, and role during the war. As witnesses disappear, the project aims to document these memories through fieldwork in remote areas.<br /> <br /> |objectives=To preserve local histories and present a more inclusive, ground-level understanding of World War II.<br /> <br /> |themes=To be confirmed.<br /> <br /> |methodology=The project documents oral histories and wartime objects through fieldwork in remote areas along the Naga–Myanmar border.<br /> <br /> |activities=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Fieldwork in remote areas along the Naga–Myanmar border.&lt;/li&gt;<br /> &lt;li&gt;Documentation and preservation of oral histories and wartime objects.&lt;/li&gt;<br /> &lt;li&gt;Preparation of an illustrated booklet.&lt;/li&gt;<br /> &lt;li&gt;Organisation of a workshop and book launch.&lt;/li&gt;<br /> &lt;li&gt;Preparation of published articles contributing to academic research.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |outcomesheading=Expected Outcomes<br /> |outcomes=&lt;p&gt;The project will document and preserve oral histories and wartime objects from the Naga–Myanmar border before they are lost. It will produce an illustrated booklet, organise a workshop and book launch, and contribute to academic research through published articles. Overall, it aims to present a more inclusive and locally grounded understanding of World War II.&lt;/p&gt;<br /> <br /> |team=&lt;strong&gt;Kevide Lcho&lt;/strong&gt; — Research Assistant&lt;br&gt;<br /> &lt;strong&gt;Saktum Wonti&lt;/strong&gt; — Research Assistant&lt;br&gt;<br /> &lt;strong&gt;Abigail Thurr&lt;/strong&gt; — Research Assistant<br /> <br /> |partnerdetails=The Highland Institute.<br /> <br /> |participants=Naga communities along the Naga–Myanmar border.<br /> <br /> |knowledgerecords=To be confirmed.<br /> <br /> |publications=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Illustrated booklet — planned.&lt;/li&gt;<br /> &lt;li&gt;Published articles — planned.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |filmsmedia=To be confirmed.<br /> <br /> |relatedplaces=To be confirmed.<br /> <br /> |related=To be confirmed.<br /> <br /> |sources=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;The Highland Institute, THI Project List: &lt;em&gt;War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border&lt;/em&gt;.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |imagerights=To be confirmed.<br /> <br /> |editorialnote=This page is based on the THI Project List and is under editorial review.<br /> |editorialstatus=PUBLIC — DRAFT<br /> |lastreviewed=7 October 2026<br /> }}</div>

Admin https://wiki.highlanderpress.org/index.php?title=Tasting_Tomorrow&diff=489 2026-10-07T04:46:41Z

<p>Admin: </p> <hr /> <div>{{Project Page<br /> |title=Tasting Tomorrow<br /> |subtitle=Traditional foodways and culinary practices under climate-driven changes in ingredient availability<br /> |description=The project explores how traditional foodways and culinary practices might evolve in response to climate-driven changes in ingredient availability, while maintaining cultural identity and nutritional value. By cooking with climate-adapted ingredients, the researchers demonstrate how communities might preserve food traditions while adapting to environmental shifts.<br /> <br /> |projectlead=To be confirmed<br /> |duration=2023–2025<br /> |places=To be confirmed<br /> |funder=To be confirmed<br /> |partners=Jonathan Keats — listed as an affiliated partner in the THI Project List<br /> |projectstatus=To be confirmed<br /> <br /> |overview=The Tasting Tomorrow project explores how traditional foodways and culinary practices might evolve in response to climate-driven changes in ingredient availability while maintaining cultural identity and nutritional value. The project uses cooking with climate-adapted ingredients to demonstrate how communities might preserve food traditions while adapting to environmental shifts.<br /> <br /> |objectives=To explore how traditional foodways and culinary practices might evolve in response to climate-driven changes in ingredient availability while maintaining cultural identity and nutritional value.<br /> <br /> |themes=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;[[Food, Farming &amp; Cultivation]]&lt;/li&gt;<br /> &lt;li&gt;[[Climate &amp; Environmental Change]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |methodology=The THI Project List describes the project as using an applied research methodology: preparing popular Naga dishes while replacing some of the usual ingredients with food items considered likely to be available after 50 years of climate change.<br /> <br /> |activities=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Preparing popular Naga dishes using climate-adapted ingredients in place of some usual ingredients.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |outcomesheading=Outcomes<br /> |outcomes=To be confirmed.<br /> <br /> |team=To be confirmed.<br /> <br /> |partnerdetails=Jonathan Keats — listed as an affiliated partner in the THI Project List.<br /> <br /> |participants=To be confirmed.<br /> <br /> |knowledgerecords=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;[[Tasting Tomorrow: Climate-Adapted Naga Cuisine]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |publications=To be confirmed.<br /> <br /> |filmsmedia=To be confirmed.<br /> <br /> |relatedplaces=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;[[Nagaland &amp; Indo–Myanmar Highlands]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |related=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;[[Tasting Tomorrow: Climate-Adapted Naga Cuisine]]&lt;/li&gt;<br /> &lt;li&gt;[[Food, Farming &amp; Cultivation]]&lt;/li&gt;<br /> &lt;li&gt;[[Climate &amp; Environmental Change]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |sources=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;The Highland Institute, THI Project List: Tasting Tomorrow.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |imagerights=To be confirmed.<br /> <br /> |editorialnote=This page is based on the THI Project List. Links to the Nagaland place hub, controlled themes, and the related Knowledge Record follow the Ekologos Wiki implementation and seed-corpus instructions.<br /> |editorialstatus=PUBLIC — DRAFT<br /> |lastreviewed=7 October 2026<br /> }}</div>

Admin https://wiki.highlanderpress.org/index.php?title=Myanmar,_Climate_Actions,_Conflict_and_Peacebuilding_(MyCClimate)&diff=488 2026-10-07T04:32:18Z

<p>Admin: </p> <hr /> <div>{{Project Page<br /> |title=Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)<br /> |subtitle=Climate change, armed conflict, land use, resource control, and local governance in Myanmar<br /> |description=MyCClimate is a long-term research initiative led by the Danish Institute for International Studies (DIIS). The project explores how communities in Myanmar experience and respond to climate change in the context of armed conflict, political instability, and ethnic diversity.<br /> <br /> |projectlead=Dr Helene Maria Kyed<br /> |duration=February 2023 – December 2026<br /> |places=Myanmar, including Chin, Mon, Naga, and Karen regions<br /> |funder=Danida Fellowship Centre (DFC)<br /> |partners=Danish Institute for International Studies (DIIS); Nyan Corridor; The Highland Institute (THI)<br /> |projectstatus=Current Project<br /> <br /> |overview=The MyCClimate project examines how communities in Myanmar experience and respond to climate change within the broader context of armed conflict, political instability, and ethnic diversity. The project conducts community-based research in contested areas, including Chin, Mon, Naga, and Karen regions. Using ethnographic and qualitative methods, it investigates how climate change affects land use, resource control, and local governance, and how climate actions can contribute to peacebuilding or deepen existing tensions. The project centres the voices and experiences of local communities and seeks to inform climate interventions that are context-sensitive and conflict-aware.<br /> <br /> |objectives=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Strengthen social science understanding of climate, development, and agrarian change in Nagaland through grounded empirical research.&lt;/li&gt;<br /> &lt;li&gt;Generate evidence on how local livelihoods, land use, and environmental changes are interconnected in order to inform context-sensitive policies and practices.&lt;/li&gt;<br /> &lt;li&gt;Build a collaborative research environment that enhances local researchers’ capacity, supports publication, and promotes knowledge-sharing with communities, policymakers, and wider audiences.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |themes=To be confirmed.<br /> <br /> |methodology=The project uses community-based, ethnographic, and qualitative research in contested areas of Myanmar.<br /> <br /> |activities=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Community-based research in contested areas, including Chin, Mon, Naga, and Karen regions.&lt;/li&gt;<br /> &lt;li&gt;Ethnographic and qualitative research.&lt;/li&gt;<br /> &lt;li&gt;Collaborative research and capacity-building activities.&lt;/li&gt;<br /> &lt;li&gt;Publications and knowledge-sharing activities.&lt;/li&gt;<br /> &lt;li&gt;Workshops and public engagement.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |outcomesheading=Outcomes<br /> |outcomes=&lt;p&gt;The project documentation identifies a special issue of &lt;em&gt;Highlander&lt;/em&gt; as an important project output. The special issue aims to advance understanding of climate, development, and agrarian change in Nagaland through empirical research.&lt;/p&gt;<br /> &lt;p&gt;The documented outcomes also include contributions to academic debate and policy and practice, as well as strengthening research capacity through collaborative work, publications, knowledge-sharing activities, workshops, and public engagement.&lt;/p&gt;<br /> <br /> |team=&lt;strong&gt;Dr Helene Maria Kyed&lt;/strong&gt; — Principal Investigator&lt;br&gt;<br /> &lt;strong&gt;Lue Htar&lt;/strong&gt; — Senior Researcher, February 2023 – December 2026&lt;br&gt;<br /> &lt;strong&gt;Tarini Manchanda&lt;/strong&gt; — Senior Researcher, February 2023 – December 2023&lt;br&gt;<br /> &lt;strong&gt;Joseph Venuh&lt;/strong&gt; — Driver and Field Assistant, March 2023 – December 2025&lt;br&gt;<br /> &lt;strong&gt;Sholu Movi&lt;/strong&gt; — Associate Researcher, March 2024 – May 2026<br /> <br /> |partnerdetails=Danish Institute for International Studies (DIIS); Nyan Corridor; The Highland Institute (THI).<br /> <br /> |participants=Local communities in contested areas, including Chin, Mon, Naga, and Karen regions.<br /> <br /> |knowledgerecords=To be confirmed.<br /> <br /> |publications=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Special issue of &lt;em&gt;Highlander&lt;/em&gt; — full citation and publication details to be added.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |filmsmedia=To be confirmed.<br /> <br /> |relatedplaces=To be confirmed.<br /> <br /> |related=To be confirmed.<br /> <br /> |sources=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;The Highland Institute, THI Project List: Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate).&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |imagerights=No image rights or credit information has been added yet.<br /> <br /> |editorialnote=This page is based on the THI Project List and is under editorial review.<br /> |editorialstatus=PUBLIC — DRAFT<br /> |lastreviewed=7 October 2026<br /> }}</div>

Admin https://wiki.highlanderpress.org/index.php?title=Myanmar,_Climate_Actions,_Conflict_and_Peacebuilding_(MyCClimate)&diff=487 2026-10-06T10:30:05Z

<p>Admin: </p> <hr /> <div>{{Project Page<br /> |title=Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)<br /> |subtitle=Climate change, armed conflict, political instability, and ethnic diversity in Myanmar<br /> |description=MyCClimate is a long-term research initiative led by the Danish Institute for International Studies (DIIS). It explores how communities in Myanmar experience and respond to climate change in the context of armed conflict, political instability, and ethnic diversity.<br /> <br /> |projectlead=Dr Helene Maria Kyed<br /> |duration=February 2023 – December 2026<br /> |funder=Danida Fellowship Centre (DFC)<br /> |partners=Danish Institute for International Studies (DIIS); Nyan Corridor; The Highland Institute (THI)<br /> |status=Active<br /> <br /> |overview=The MyCClimate project examines how communities in Myanmar experience and respond to climate change within the broader context of armed conflict, political instability, and ethnic diversity. The project conducts community-based research in contested areas including Chin, Mon, Naga, and Karen regions. Using ethnographic and qualitative methods, it investigates how climate change affects land use, resource control, and local governance, and how climate actions can contribute to peacebuilding or deepen existing tensions. The project centres the voices and experiences of local communities and aims to inform climate interventions that are context-sensitive and conflict-aware.<br /> <br /> |objectives=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Strengthen social science understanding of climate, development, and agrarian change in Nagaland through grounded empirical research.&lt;/li&gt;<br /> &lt;li&gt;Generate evidence on how local livelihoods, land use, and environmental changes are interconnected in order to inform context-sensitive policies and practices.&lt;/li&gt;<br /> &lt;li&gt;Build a collaborative research environment that enhances local researchers’ capacity, supports publication, and promotes knowledge-sharing with communities, policymakers, and wider audiences.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |themes=To be confirmed.<br /> <br /> |activities=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Community-based research in contested areas including Chin, Mon, Naga, and Karen regions.&lt;/li&gt;<br /> &lt;li&gt;Ethnographic and qualitative research.&lt;/li&gt;<br /> &lt;li&gt;Collaborative research and capacity-building activities.&lt;/li&gt;<br /> &lt;li&gt;Publications and knowledge-sharing activities.&lt;/li&gt;<br /> &lt;li&gt;Workshops and public engagement.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |outcomesheading=Outcomes<br /> |outcomes=&lt;p&gt;The &lt;em&gt;Highlander&lt;/em&gt; special issue aims to advance understanding of climate, development, and agrarian change in Nagaland through empirical research. It contributes to academic debate, informs policy and practice, and strengthens research capacity through collaborative work, publications, and knowledge-sharing activities, including workshops and public engagement.&lt;/p&gt;<br /> <br /> |team=&lt;strong&gt;Dr Helene Maria Kyed&lt;/strong&gt; — Principal Investigator&lt;br&gt;<br /> &lt;strong&gt;Lue Htar&lt;/strong&gt; — Senior Researcher, February 2023 – December 2026&lt;br&gt;<br /> &lt;strong&gt;Tarini Manchanda&lt;/strong&gt; — Senior Researcher, February 2023 – December 2023&lt;br&gt;<br /> &lt;strong&gt;Joseph Venuh&lt;/strong&gt; — Driver and Field Assistant, March 2023 – December 2025&lt;br&gt;<br /> &lt;strong&gt;Sholu Movi&lt;/strong&gt; — Associate Researcher, March 2024 – May 2026<br /> <br /> |partnerdetails=Danish Institute for International Studies (DIIS); Nyan Corridor; The Highland Institute (THI).<br /> <br /> |sources=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;The Highland Institute, THI Project List: Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate).&lt;/li&gt;<br /> &lt;li&gt;The THI Project List contains an internal date inconsistency: the Duration field states February 2023–December 2026, while the project summary states 2021–2026. This should be confirmed before final review.&lt;/li&gt;<br /> &lt;li&gt;The Affiliated Institutions field lists DIIS, Nyan Corridor, and THI, while the project summary also mentions Chiang Mai University and EMReF. Partner information should be confirmed before final review.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |related=To be confirmed.<br /> <br /> |imagerights=No image information was provided in the THI Project List.<br /> }}</div>

Admin https://wiki.highlanderpress.org/index.php?title=Myanmar,_Climate_Actions,_Conflict_and_Peacebuilding_(MyCClimate)&diff=486 2026-10-06T10:20:48Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;mycc-page&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-hero&quot;&gt;<br /> &lt;div class=&quot;mycc-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;mycc-hero-inner&quot;&gt;<br /> &lt;div class=&quot;mycc-hero-copy&quot;&gt;<br /> &lt;div class=&quot;mycc-kicker&quot;&gt;RESEARCH PROJECT&lt;/div&gt;<br /> &lt;div class=&quot;mycc-kicker-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;mycc-title&quot;&gt;Myanmar, Climate Actions,&lt;br&gt;Conflict and Peacebuilding&lt;br&gt;(MyCClimate)&lt;/div&gt;<br /> &lt;div class=&quot;mycc-hero-subtitle&quot;&gt;Climate change, armed conflict, land use,&lt;br&gt;resource control, and local governance in Myanmar.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-info-wrap&quot;&gt;<br /> &lt;div class=&quot;mycc-info-strip&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-info-item&quot;&gt;<br /> &lt;div class=&quot;mycc-info-icon&quot;&gt;♙&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-label&quot;&gt;PROJECT LEAD&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-value&quot;&gt;Dr Helene Maria Kyed&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-info-item&quot;&gt;<br /> &lt;div class=&quot;mycc-info-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-label&quot;&gt;DURATION&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-value&quot;&gt;February 2023 –&lt;br&gt;December 2026&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-info-item&quot;&gt;<br /> &lt;div class=&quot;mycc-info-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-label&quot;&gt;FUNDER&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-value&quot;&gt;Danida Fellowship&lt;br&gt;Centre (DFC)&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-info-item mycc-info-wide&quot;&gt;<br /> &lt;div class=&quot;mycc-info-icon&quot;&gt;⌂&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-label&quot;&gt;PARTNER INSTITUTIONS&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-value&quot;&gt;Danish Institute for International Studies (DIIS), Nyan Corridor, and The Highland Institute (THI)&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-info-item&quot;&gt;<br /> &lt;div class=&quot;mycc-info-icon&quot;&gt;✓&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-label&quot;&gt;STATUS&lt;/div&gt;<br /> &lt;div class=&quot;mycc-info-value&quot;&gt;Current Project&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-content&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-overview mycc-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-section-side&quot;&gt;<br /> &lt;div class=&quot;mycc-heading-row&quot;&gt;<br /> &lt;div class=&quot;mycc-section-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;mycc-heading&quot;&gt;Overview&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-overview-text&quot;&gt;<br /> &lt;p&gt;&lt;strong&gt;Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)&lt;/strong&gt; is a long-term research initiative led by the Danish Institute for International Studies (DIIS). The project explores how communities in Myanmar experience and respond to climate change within the broader context of armed conflict, political instability, and ethnic diversity.&lt;/p&gt;<br /> <br /> &lt;p&gt;The project conducts community-based research in contested areas, including Chin, Mon, Naga, and Karen regions. Using ethnographic and qualitative methods, it investigates how climate change affects land use, resource control, and local governance, and how climate actions can contribute to peacebuilding or deepen existing tensions. The project centres the voices and experiences of local communities and seeks to inform climate interventions that are context-sensitive and conflict-aware.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-two-column&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-panel mycc-objectives&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-heading-row&quot;&gt;<br /> &lt;div class=&quot;mycc-section-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div class=&quot;mycc-heading&quot;&gt;Objectives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-number-list&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-number-item&quot;&gt;<br /> &lt;div class=&quot;mycc-number&quot;&gt;1&lt;/div&gt;<br /> &lt;div&gt;Strengthen social science understanding of climate, development, and agrarian change in Nagaland through grounded empirical research.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-number-item&quot;&gt;<br /> &lt;div class=&quot;mycc-number&quot;&gt;2&lt;/div&gt;<br /> &lt;div&gt;Generate evidence on how local livelihoods, land use, and environmental changes are interconnected in order to inform context-sensitive policies and practices.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-number-item&quot;&gt;<br /> &lt;div class=&quot;mycc-number&quot;&gt;3&lt;/div&gt;<br /> &lt;div&gt;Build a collaborative research environment that enhances local researchers’ capacity, supports publication, and promotes knowledge-sharing with communities, policymakers, and wider audiences.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-heading-row&quot;&gt;<br /> &lt;div class=&quot;mycc-section-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;mycc-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-theme-grid&quot;&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Climate Change&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Armed Conflict&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Land Use&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Resource Control&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Local Governance&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Development and Agrarian Change&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Local Livelihoods&lt;/div&gt;<br /> &lt;div class=&quot;mycc-theme&quot;&gt;Peacebuilding&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-panel mycc-activities&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-heading-row&quot;&gt;<br /> &lt;div class=&quot;mycc-section-icon&quot;&gt;⚙&lt;/div&gt;<br /> &lt;div class=&quot;mycc-heading&quot;&gt;Activities&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-card&quot;&gt;<br /> &lt;div class=&quot;mycc-activity-icon&quot;&gt;♙&lt;/div&gt;<br /> &lt;div&gt;Community-based research in contested areas&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-card&quot;&gt;<br /> &lt;div class=&quot;mycc-activity-icon&quot;&gt;○&lt;/div&gt;<br /> &lt;div&gt;Ethnographic and qualitative research&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-card&quot;&gt;<br /> &lt;div class=&quot;mycc-activity-icon&quot;&gt;♙&lt;/div&gt;<br /> &lt;div&gt;Collaborative research and capacity building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-card&quot;&gt;<br /> &lt;div class=&quot;mycc-activity-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div&gt;Publications and research outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-card&quot;&gt;<br /> &lt;div class=&quot;mycc-activity-icon&quot;&gt;◁&lt;/div&gt;<br /> &lt;div&gt;Workshops and public engagement&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-activity-card&quot;&gt;<br /> &lt;div class=&quot;mycc-activity-icon&quot;&gt;↻&lt;/div&gt;<br /> &lt;div&gt;Knowledge-sharing with communities, policymakers, and wider audiences&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-panel mycc-outcomes&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-section-side&quot;&gt;<br /> &lt;div class=&quot;mycc-heading-row&quot;&gt;<br /> &lt;div class=&quot;mycc-section-icon&quot;&gt;▥&lt;/div&gt;<br /> &lt;div class=&quot;mycc-heading&quot;&gt;Outcomes&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-outcomes-text&quot;&gt;<br /> &lt;p&gt;The project documentation identifies a &lt;em&gt;Highlander&lt;/em&gt; special issue as an important project output. The special issue aims to advance understanding of climate, development, and agrarian change in Nagaland through empirical research.&lt;/p&gt;<br /> <br /> &lt;p&gt;The documented outcomes also include contributions to academic debate and policy and practice, as well as strengthening research capacity through collaborative work, publications, knowledge-sharing activities, workshops, and public engagement.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;mycc-panel mycc-team&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-heading-row&quot;&gt;<br /> &lt;div class=&quot;mycc-section-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;mycc-heading&quot;&gt;Research Team&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-team-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;mycc-person&quot;&gt;<br /> &lt;div class=&quot;mycc-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-name&quot;&gt;Dr Helene Maria Kyed&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-role&quot;&gt;Principal Investigator&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-person&quot;&gt;<br /> &lt;div class=&quot;mycc-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-name&quot;&gt;Lue Htar&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-role&quot;&gt;Senior Researcher&lt;br&gt;February 2023 – December 2026&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-person&quot;&gt;<br /> &lt;div class=&quot;mycc-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-name&quot;&gt;Tarini Manchanda&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-role&quot;&gt;Senior Researcher&lt;br&gt;February 2023 – December 2023&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-person&quot;&gt;<br /> &lt;div class=&quot;mycc-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-name&quot;&gt;Joseph Venuh&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-role&quot;&gt;Driver and Field Assistant&lt;br&gt;March 2023 – December 2025&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mycc-person&quot;&gt;<br /> &lt;div class=&quot;mycc-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-name&quot;&gt;Sholu Movi&lt;/div&gt;<br /> &lt;div class=&quot;mycc-person-role&quot;&gt;Associate Researcher&lt;br&gt;March 2024 – May 2026&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Earthkeepers&diff=485 2026-10-06T06:09:37Z

<p>Admin: </p> <hr /> <div>{{Project Page<br /> |title=Earthkeepers<br /> |subtitle=Traditional ecological knowledge, farming, and climate change in Noklak and Meluri, Nagaland<br /> |description=Earthkeepers documented traditional ecological knowledge about weather and climate, alongside rural farmers’ observations and perceptions of climate change. The project focused on communities in the Khiamniungan area of Noklak and among the Pochury community in Meluri.<br /> <br /> |projectlead=Catriona Child<br /> |duration=March 2023 – December 2025<br /> |funder=International Development Research Centre (IDRC), Canada<br /> |partners=The Highland Institute; International Development Research Centre (IDRC), Canada<br /> |status=Completed<br /> <br /> |overview=The Earthkeepers project was funded by the International Development Research Centre (IDRC), Canada, and carried out through The Highland Institute. It focused on documenting traditional ecological knowledge related to weather, climate, farming, and environmental change among rural communities in Nagaland. The study concentrated on two main areas: the Khiamniungan area in Noklak and the Pochury community in Meluri. The research examined local observations of changing weather and climate, agricultural practices and seasonal cycles, conservation knowledge, belief systems, adaptation and resistance to climate change, and the relationships between environmental knowledge, ritual, cosmology, and festivals.<br /> <br /> |objectives=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Document local knowledge and observations related to climate, weather, farming, and environmental change.&lt;/li&gt;<br /> &lt;li&gt;Assess local awareness and perceptions of climate change.&lt;/li&gt;<br /> &lt;li&gt;Document traditional ecological knowledge and support dialogue around climate change.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |themes=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;[[Climate &amp; Environmental Change]]&lt;/li&gt;<br /> &lt;li&gt;[[Food, Farming &amp; Cultivation]]&lt;/li&gt;<br /> &lt;li&gt;[[Forests, Land &amp; Biodiversity]]&lt;/li&gt;<br /> &lt;li&gt;[[Memory, Storytelling &amp; Cosmology]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |activities=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Fieldwork in villages along the Indo–Myanmar border, including research in Noklak and Meluri.&lt;/li&gt;<br /> &lt;li&gt;Documentation, transcription, analysis, and writing of research findings.&lt;/li&gt;<br /> &lt;li&gt;Community seminars on wildlife conservation.&lt;/li&gt;<br /> &lt;li&gt;Workshops with school students on climate change and biodiversity conservation.&lt;/li&gt;<br /> &lt;li&gt;Participation in research training programmes and relevant local and international conferences.&lt;/li&gt;<br /> &lt;li&gt;Production of blogs and articles based on the research.&lt;/li&gt;<br /> &lt;li&gt;A final dissemination programme in Kohima bringing together scholars, researchers, community leaders, and activists to discuss the findings.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |outcomesheading=Outcomes<br /> |outcomes=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;Publication of blogs and articles addressing borderland issues, research methodology, and fieldwork experiences.&lt;/li&gt;<br /> &lt;li&gt;Preparation of a comprehensive final report in book form compiling the project’s research findings.&lt;/li&gt;<br /> &lt;li&gt;Documentation of traditional ecological knowledge, agricultural practices and seasonal cycles, belief systems, conservation knowledge, and local perceptions of changing weather and climate.&lt;/li&gt;<br /> &lt;li&gt;Analysis of community adaptation and resistance to climate change, including themes of ritual, cosmology, and festivals.&lt;/li&gt;<br /> &lt;li&gt;Development of policy recommendations based on the research findings.&lt;/li&gt;<br /> &lt;li&gt;Dissemination of the project findings through a programme held in Kohima.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |team=&lt;strong&gt;Catriona Child&lt;/strong&gt; — Principal Investigator / Project Lead&lt;br&gt;<br /> &lt;strong&gt;Kevide Lcho&lt;/strong&gt; — Research Fellow&lt;br&gt;<br /> &lt;strong&gt;Tumuzo Katiry&lt;/strong&gt; — Research Fellow&lt;br&gt;<br /> &lt;strong&gt;Saktum Wonti&lt;/strong&gt; — Research Fellow&lt;br&gt;&lt;br&gt;<br /> The research fellows conducted fieldwork in villages along the Indo–Myanmar border and contributed to transcription, analysis, research writing, training programmes, conferences, blogs, and articles.<br /> <br /> |partnerdetails=&lt;strong&gt;The Highland Institute&lt;/strong&gt; — research and project implementation.&lt;br&gt;<br /> &lt;strong&gt;International Development Research Centre (IDRC), Canada&lt;/strong&gt; — project funder and affiliated institution listed in the project documentation.<br /> <br /> |sources=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;The Highland Institute project documentation: Earthkeepers project record.&lt;/li&gt;<br /> &lt;li&gt;Project blogs and articles — full citations and links to be added.&lt;/li&gt;<br /> &lt;li&gt;Earthkeepers final report/book — title and publication details to be added.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |related=&lt;ul style=&quot;margin:0; padding-left:20px;&quot;&gt;<br /> &lt;li&gt;[[Nagaland &amp; Indo–Myanmar Highlands]]&lt;/li&gt;<br /> &lt;li&gt;[[Climate Change Perceptions in Noklak]]&lt;/li&gt;<br /> &lt;li&gt;[[Traditional Weather Forecasting in Eastern Nagaland]]&lt;/li&gt;<br /> &lt;li&gt;[[Indigenous Climatology in Nagaland]]&lt;/li&gt;<br /> &lt;li&gt;[[Climate &amp; Environmental Change]]&lt;/li&gt;<br /> &lt;li&gt;[[Food, Farming &amp; Cultivation]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> |imagerights=No project images have been added yet. Photographs should be included only after the photographer or creator is identified and permission for Wiki use is confirmed.<br /> }}</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=484 2026-10-02T05:45:17Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1050px; margin:0 0 60px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 36px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.75rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Projects &amp;amp; Outputs<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.96rem; line-height:1.6; color:#526257; max-width:760px;&quot;&gt;<br /> A gateway to Ekologos research projects and related films, lectures, events, programmes, and knowledge outputs.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- CURRENT PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem;&quot;&gt;●&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Current Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#55705d; background:#e8f0e9; border:1px solid #cfddd1; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 3 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:100%; display:block; margin-bottom:42px;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Soldier Citizens: Nagas in India's Border Security Force]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- COMPLETED PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem;&quot;&gt;✓&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Completed Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#687269; background:#f0f2ef; border:1px solid #dadeda; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 11 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:100%; display:block;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Earthkeepers]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[International Climate Protection Fellowship Project]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;04&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;05&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Urbaltour]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;06&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;07&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;08&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;09&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;10&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;11&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Participatory Arts Research Project (Youth Research Board under CTS)]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ASSOCIATED PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:48px 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#7a856f; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem;&quot;&gt;◆&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Associated Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#687269; background:#f0f2ef; border:1px solid #dadeda; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 1 project<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; display:block; margin-bottom:42px;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#7a856f; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Tasting Tomorrow]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- OUTPUTS AND COLLECTIONS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.78rem;&quot;&gt;▣&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Outputs &amp;amp; Collections<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#55705d; background:#e8f0e9; border:1px solid #cfddd1; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 6 records<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; display:block;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;[[Ekologos Summer Film School 2024]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; color:#607066; font-size:0.72rem; font-weight:600; margin-right:8px;&quot;&gt;Programme / Event&lt;/span&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;[[Ekologos Lectures]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; color:#607066; font-size:0.72rem; font-weight:600; margin-right:8px;&quot;&gt;Collection&lt;/span&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;[[Hierarchies of Earth Symposium 2026]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; color:#607066; font-size:0.72rem; font-weight:600; margin-right:8px;&quot;&gt;Symposium / Event&lt;/span&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;04&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;[[Healing Hands]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; color:#607066; font-size:0.72rem; font-weight:600; margin-right:8px;&quot;&gt;Film / Media&lt;/span&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;05&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;[[Uncle's Bees]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; color:#607066; font-size:0.72rem; font-weight:600; margin-right:8px;&quot;&gt;Film / Media&lt;/span&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;06&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;[[Tasting Tomorrow: Climate-Adapted Naga Cuisine]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; color:#607066; font-size:0.72rem; font-weight:600; margin-right:8px;&quot;&gt;Knowledge Record&lt;/span&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &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&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=483 2026-10-01T12:42:35Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic &amp; Sápmi]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic &amp;amp; Sápmi&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=Nagaland &amp; Indo–Myanmar Highlands]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Nagaland &amp;amp; Indo–Myanmar Highlands&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia &amp; Brazil]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia &amp;amp; Brazil&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> [[File:South India.jpg|600px|link=Bengaluru &amp; South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Bengaluru &amp;amp; South India&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate &amp; Environmental Change|alt=Climate &amp; Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate &amp;amp;&lt;br&gt;Environmental Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Food, Farming &amp; Cultivation|alt=Food, Farming &amp; Cultivation]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Food, Farming &amp;amp;&lt;br&gt;Cultivation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water, Rivers, Ice &amp; Oceans|alt=Water, Rivers, Ice &amp; Oceans]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water, Rivers,&lt;br&gt;Ice &amp;amp; Oceans&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forests, Land &amp; Biodiversity|alt=Forests, Land &amp; Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forests, Land &amp;amp;&lt;br&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Plants, Healing &amp; Health|alt=Plants, Healing &amp; Health]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Plants, Healing&lt;br&gt;&amp;amp; Health&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animals &amp; Multispecies Relations|alt=Animals &amp; Multispecies Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animals &amp;amp;&lt;br&gt;Multispecies Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Memory, Storytelling &amp; Cosmology|alt=Memory, Storytelling &amp; Cosmology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Memory, Storytelling&lt;br&gt;&amp;amp; Cosmology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Environmental Justice &amp; Political Ecology|alt=Environmental Justice &amp; Political Ecology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Environmental Justice&lt;br&gt;&amp;amp; Political Ecology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot; style=&quot;font-size:40px; line-height:52px; color:#356247;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Methods, Media &amp;amp;&lt;br&gt;Environmental Pedagogy&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Editorial Principles]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Knowledge Governance]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Rights &amp; Reuse]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=482 2026-10-01T12:40:43Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> [[File:Arctic.jpg|600px|link=Arctic &amp; Sápmi]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic &amp;amp; Sápmi&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=Nagaland &amp; Indo–Myanmar Highlands]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Nagaland &amp;amp; Indo–Myanmar Highlands&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> [[File:Amazonia.jpg|600px|link=Amazonia &amp; Brazil]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia &amp;amp; Brazil&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> [[File:South India.jpg|600px|link=Bengaluru &amp; South India]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Bengaluru &amp;amp; South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate &amp; Environmental Change|alt=Climate &amp; Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate &amp;amp;&lt;br&gt;Environmental Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Food, Farming &amp; Cultivation|alt=Food, Farming &amp; Cultivation]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Food, Farming &amp;amp;&lt;br&gt;Cultivation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water, Rivers, Ice &amp; Oceans|alt=Water, Rivers, Ice &amp; Oceans]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water, Rivers,&lt;br&gt;Ice &amp;amp; Oceans&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forests, Land &amp; Biodiversity|alt=Forests, Land &amp; Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forests, Land &amp;amp;&lt;br&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Plants, Healing &amp; Health|alt=Plants, Healing &amp; Health]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Plants, Healing&lt;br&gt;&amp;amp; Health&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animals &amp; Multispecies Relations|alt=Animals &amp; Multispecies Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animals &amp;amp;&lt;br&gt;Multispecies Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Memory, Storytelling &amp; Cosmology|alt=Memory, Storytelling &amp; Cosmology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Memory, Storytelling&lt;br&gt;&amp;amp; Cosmology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Environmental Justice &amp; Political Ecology|alt=Environmental Justice &amp; Political Ecology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Environmental Justice&lt;br&gt;&amp;amp; Political Ecology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot; style=&quot;font-size:40px; line-height:52px; color:#356247;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Methods, Media &amp;amp;&lt;br&gt;Environmental Pedagogy&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Editorial Principles]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Knowledge Governance]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Rights &amp; Reuse]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=481 2026-10-01T12:37:15Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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=Nagaland &amp; Indo–Myanmar Highlands]]<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Nagaland &amp;amp; Indo–Myanmar Highlands&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate &amp; Environmental Change|alt=Climate &amp; Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate &amp;amp;&lt;br&gt;Environmental Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Food, Farming &amp; Cultivation|alt=Food, Farming &amp; Cultivation]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Food, Farming &amp;amp;&lt;br&gt;Cultivation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water, Rivers, Ice &amp; Oceans|alt=Water, Rivers, Ice &amp; Oceans]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water, Rivers,&lt;br&gt;Ice &amp;amp; Oceans&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forests, Land &amp; Biodiversity|alt=Forests, Land &amp; Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forests, Land &amp;amp;&lt;br&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Plants, Healing &amp; Health|alt=Plants, Healing &amp; Health]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Plants, Healing&lt;br&gt;&amp;amp; Health&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animals &amp; Multispecies Relations|alt=Animals &amp; Multispecies Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animals &amp;amp;&lt;br&gt;Multispecies Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Memory, Storytelling &amp; Cosmology|alt=Memory, Storytelling &amp; Cosmology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Memory, Storytelling&lt;br&gt;&amp;amp; Cosmology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Environmental Justice &amp; Political Ecology|alt=Environmental Justice &amp; Political Ecology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Environmental Justice&lt;br&gt;&amp;amp; Political Ecology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot; style=&quot;font-size:40px; line-height:52px; color:#356247;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Methods, Media &amp;amp;&lt;br&gt;Environmental Pedagogy&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Editorial Principles]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Knowledge Governance]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Rights &amp; Reuse]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=480 2026-10-01T10:23:25Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate &amp; Environmental Change|alt=Climate &amp; Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate &amp;amp;&lt;br&gt;Environmental Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Food, Farming &amp; Cultivation|alt=Food, Farming &amp; Cultivation]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Food, Farming &amp;amp;&lt;br&gt;Cultivation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water, Rivers, Ice &amp; Oceans|alt=Water, Rivers, Ice &amp; Oceans]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water, Rivers,&lt;br&gt;Ice &amp;amp; Oceans&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forests, Land &amp; Biodiversity|alt=Forests, Land &amp; Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forests, Land &amp;amp;&lt;br&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Plants, Healing &amp; Health|alt=Plants, Healing &amp; Health]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Plants, Healing&lt;br&gt;&amp;amp; Health&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animals &amp; Multispecies Relations|alt=Animals &amp; Multispecies Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animals &amp;amp;&lt;br&gt;Multispecies Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Memory, Storytelling &amp; Cosmology|alt=Memory, Storytelling &amp; Cosmology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Memory, Storytelling&lt;br&gt;&amp;amp; Cosmology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Environmental Justice &amp; Political Ecology|alt=Environmental Justice &amp; Political Ecology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Environmental Justice&lt;br&gt;&amp;amp; Political Ecology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot; style=&quot;font-size:40px; line-height:52px; color:#356247;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Methods, Media &amp;amp;&lt;br&gt;Environmental Pedagogy&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Editorial Principles]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Knowledge Governance]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Rights &amp; Reuse]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=479 2026-10-01T10:18: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 the four initial place hubs in one row on desktop */<br /> <br /> @media (min-width: 1001px) {<br /> <br /> .homepage-grid {<br /> grid-template-columns: repeat(4, minmax(0, 1fr)) !important;<br /> gap: 24px !important;<br /> }<br /> <br /> .eko-card img,<br /> .eko-card .mw-file-element {<br /> height: 210px !important;<br /> }<br /> <br /> .eko-card-body {<br /> padding: 14px 10px 8px !important;<br /> }<br /> <br /> .eko-card-title {<br /> font-size: 16px !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: 210px !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: 16px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.15 !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 /> /* Nine controlled theme cards in one row */<br /> <br /> .theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(9, 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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> NAGALAND &amp; INDO–MYANMAR HIGHLANDS HUB — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) #firstHeading,<br /> body:has(.hima-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.hima-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.hima-page) #content,<br /> body:has(.hima-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.hima-page) .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> body:has(.hima-page) .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> body:has(.hima-page) .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> body:has(.hima-page) .hima-main-intro p,<br /> body:has(.hima-page) .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> body:has(.hima-page) .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> body:has(.hima-page) .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> body:has(.hima-page) .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> body:has(.hima-page) .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> body:has(.hima-page) .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> body:has(.hima-page) .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> body:has(.hima-page) .hima-glance-item strong,<br /> body:has(.hima-page) .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> body:has(.hima-page) .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> body:has(.hima-page) .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> body:has(.hima-page) .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> body:has(.hima-page) .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> body:has(.hima-page) .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> body:has(.hima-page) .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> body:has(.hima-page) .hima-links a,<br /> body:has(.hima-page) .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> body:has(.hima-page) .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> body:has(.hima-page) .hima-links a.new,<br /> body:has(.hima-page) .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> body:has(.hima-page) .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.hima-page) .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> body:has(.hima-page) .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> body:has(.hima-page) .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> body:has(.hima-page) .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> body:has(.hima-page) .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> body:has(.hima-page) .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> body:has(.hima-page) .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> body:has(.hima-page) .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> body:has(.hima-page) .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> body:has(.hima-page) .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> body:has(.hima-page) .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — FINAL IN DEVELOPMENT BADGES<br /> ========================================================= */<br /> <br /> /* Stop old automatic MediaWiki red-link badges causing duplicates */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Cards which have a badge in the upper-right corner */<br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Badges beside ordinary text links */<br /> body.page-Main_Page .dev-inline-badge {<br /> display: inline-block !important;<br /> width: auto !important;<br /> <br /> margin-left: 5px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> vertical-align: middle !important;<br /> white-space: nowrap !important;<br /> <br /> text-decoration: none !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Featured article badges — especially compact */<br /> body.page-Main_Page .dev-article-badge {<br /> margin-left: 4px !important;<br /> padding: 1px 5px !important;<br /> font-size: 7px !important;<br /> }<br /> <br /> /* Keep each footer link together with its badge */<br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> gap: 3px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* Footer badges need to be very small */<br /> body.page-Main_Page .dev-footer-badge {<br /> margin-left: 1px !important;<br /> padding: 1px 4px !important;<br /> font-size: 6px !important;<br /> }<br /> /* =========================================================<br /> EKOLOGOS MAIN PAGE — CLEAN IN DEVELOPMENT LABELS<br /> ========================================================= */<br /> <br /> /* Prevent old automatic red-link labels */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> STANDARD BADGE<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> box-sizing: border-box !important;<br /> <br /> display: inline-flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> width: auto !important;<br /> height: auto !important;<br /> <br /> padding: 3px 7px !important;<br /> margin: 0 !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1 !important;<br /> <br /> letter-spacing: 0.15px !important;<br /> text-transform: none !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: none !important;<br /> <br /> pointer-events: none !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> REGION + THEME + COLLECTION CARDS<br /> Badge floats neatly in top-right corner<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> <br /> top: 8px !important;<br /> right: 8px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 30 !important;<br /> <br /> margin: 0 !important;<br /> <br /> background: rgba(248, 244, 232, 0.96) !important;<br /> <br /> box-shadow:<br /> 0 1px 3px rgba(0,0,0,0.10) !important;<br /> }<br /> <br /> <br /> /* Collection badge slightly stronger over photographs */<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 9px !important;<br /> right: 9px !important;<br /> <br /> background: rgba(250, 247, 238, 0.97) !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FEATURED ARTICLES<br /> Small badge sits neatly after title<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-article-title {<br /> display: flex !important;<br /> align-items: center !important;<br /> flex-wrap: wrap !important;<br /> <br /> column-gap: 5px !important;<br /> row-gap: 3px !important;<br /> }<br /> <br /> body.page-Main_Page .home-article-title .dev-article-badge {<br /> flex: 0 0 auto !important;<br /> <br /> padding: 2px 5px !important;<br /> <br /> font-size: 7px !important;<br /> <br /> vertical-align: middle !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> BROWSE / ABOUT / PROJECT LINKS<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .section-title-right,<br /> body.page-Main_Page .theme-title-right,<br /> body.page-Main_Page .home-browse-articles,<br /> body.page-Main_Page .home-info-link {<br /> display: flex !important;<br /> align-items: center !important;<br /> gap: 6px !important;<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> body.page-Main_Page .section-title-right .dev-inline-badge,<br /> body.page-Main_Page .theme-title-right .dev-inline-badge,<br /> body.page-Main_Page .home-browse-articles .dev-inline-badge,<br /> body.page-Main_Page .home-info-link .dev-inline-badge {<br /> margin-left: 2px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> COMMUNITY BUTTON<br /> Put badge above-right instead of after button text<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-community-button {<br /> position: relative !important;<br /> display: inline-block !important;<br /> }<br /> <br /> body.page-Main_Page .home-community-button .dev-inline-badge {<br /> position: absolute !important;<br /> <br /> top: -12px !important;<br /> right: -10px !important;<br /> <br /> z-index: 20 !important;<br /> <br /> margin: 0 !important;<br /> <br /> font-size: 7px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FOOTER<br /> Compact badges to avoid visual clutter<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-footer-links {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> flex-wrap: wrap !important;<br /> gap: 14px 22px !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> <br /> gap: 4px !important;<br /> <br /> white-space: nowrap !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-badge {<br /> padding: 2px 4px !important;<br /> <br /> font-size: 6px !important;<br /> <br /> opacity: 0.88 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> MOBILE<br /> --------------------------------------------------------- */<br /> <br /> @media (max-width: 700px) {<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> font-size: 7px !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 5px !important;<br /> right: 5px !important;<br /> }<br /> <br /> body.page-Main_Page .home-footer-links {<br /> gap: 10px 14px !important;<br /> }<br /> }<br /> /* =========================================================<br /> NAGALAND &amp; INDO–MYANMAR HIGHLANDS — MISSING PAGES / IN DEVELOPMENT<br /> ========================================================= */<br /> <br /> /* Missing MediaWiki pages */<br /> .hima-page a.new {<br /> color: #315f42 !important;<br /> text-decoration: none !important;<br /> opacity: 0.9 !important;<br /> }<br /> <br /> /* &quot;In development&quot; badge */<br /> .hima-page a.new::after {<br /> content: &quot;In development&quot; !important;<br /> <br /> display: inline-block !important;<br /> margin-left: 6px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> <br /> white-space: nowrap !important;<br /> vertical-align: middle !important;<br /> <br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> PLACE HUB CARDS — SMALL-SCREEN HEIGHT<br /> ========================================================== */<br /> @media (max-width: 600px) {<br /> .page-Main_Page .homepage-grid .eko-card img,<br /> .page-Main_Page .homepage-grid .eko-card .mw-file-element {<br /> height: 200px !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=478 2026-10-01T10:16:57Z

<p>Admin: Replaced content with &quot;} body.page-Main_Page .home-community-button .dev-inline-badge { position: absolute !important; top: -12px !important; right: -10px !important; z-index: 20 !important; margin: 0 !important; font-size: 7px !important; } /* --------------------------------------------------------- FOOTER Compact badges to avoid visual clutter --------------------------------------------------------- */ body.page-Main_Page .home-footer-links {...&quot;</p> <hr /> <div>}<br /> <br /> body.page-Main_Page .home-community-button .dev-inline-badge {<br /> position: absolute !important;<br /> <br /> top: -12px !important;<br /> right: -10px !important;<br /> <br /> z-index: 20 !important;<br /> <br /> margin: 0 !important;<br /> <br /> font-size: 7px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FOOTER<br /> Compact badges to avoid visual clutter<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-footer-links {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> flex-wrap: wrap !important;<br /> gap: 14px 22px !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> <br /> gap: 4px !important;<br /> <br /> white-space: nowrap !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-badge {<br /> padding: 2px 4px !important;<br /> <br /> font-size: 6px !important;<br /> <br /> opacity: 0.88 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> MOBILE<br /> --------------------------------------------------------- */<br /> <br /> @media (max-width: 700px) {<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> font-size: 7px !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 5px !important;<br /> right: 5px !important;<br /> }<br /> <br /> body.page-Main_Page .home-footer-links {<br /> gap: 10px 14px !important;<br /> }<br /> }<br /> /* =========================================================<br /> NAGALAND &amp; INDO–MYANMAR HIGHLANDS — MISSING PAGES / IN DEVELOPMENT<br /> ========================================================= */<br /> <br /> /* Missing MediaWiki pages */<br /> .hima-page a.new {<br /> color: #315f42 !important;<br /> text-decoration: none !important;<br /> opacity: 0.9 !important;<br /> }<br /> <br /> /* &quot;In development&quot; badge */<br /> .hima-page a.new::after {<br /> content: &quot;In development&quot; !important;<br /> <br /> display: inline-block !important;<br /> margin-left: 6px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> <br /> white-space: nowrap !important;<br /> vertical-align: middle !important;<br /> <br /> box-shadow: none !important;<br /> }<br /> <br /> /* ==========================================================<br /> PLACE HUB CARDS — SMALL-SCREEN HEIGHT<br /> ========================================================== */<br /> @media (max-width: 600px) {<br /> .page-Main_Page .homepage-grid .eko-card img,<br /> .page-Main_Page .homepage-grid .eko-card .mw-file-element {<br /> height: 200px !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=477 2026-10-01T10:16:07Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Nagaland &amp;amp; Indo–Myanmar Highlands&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin:12px 0 24px 54px; padding:10px 15px; max-width:420px; background:#f1f4ef; border-left:3px solid #C7A445; border-radius:0 6px 6px 0;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#788177; margin-bottom:3px;&quot;&gt;<br /> Institute<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.25rem; font-weight:600; line-height:1.25; color:#23492F;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Location&lt;/strong&gt;<br /> &lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Focus&lt;/strong&gt;<br /> &lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Established&lt;/strong&gt;<br /> &lt;span&gt;Independent research organisation&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Publication&lt;/strong&gt;<br /> &lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Scope&lt;/strong&gt;<br /> &lt;span&gt;Himalayan and Highland regions&lt;/span&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;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;<br /> Main article: [[School of Advanced Studies]], [[Summer School]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&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=Himalayas&diff=476 2026-10-01T09:56:13Z

<p>Admin: Admin moved page Himalayas to Nagaland &amp; Indo–Myanmar Highlands</p> <hr /> <div>#REDIRECT [[Nagaland &amp; Indo–Myanmar Highlands]]</div>

Admin https://wiki.highlanderpress.org/index.php?title=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=475 2026-10-01T09:56:13Z

<p>Admin: Admin moved page Himalayas to Nagaland &amp; Indo–Myanmar Highlands</p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin:12px 0 24px 54px; padding:10px 15px; max-width:420px; background:#f1f4ef; border-left:3px solid #C7A445; border-radius:0 6px 6px 0;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#788177; margin-bottom:3px;&quot;&gt;<br /> Institute<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.25rem; font-weight:600; line-height:1.25; color:#23492F;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Location&lt;/strong&gt;<br /> &lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Focus&lt;/strong&gt;<br /> &lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Established&lt;/strong&gt;<br /> &lt;span&gt;Independent research organisation&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Publication&lt;/strong&gt;<br /> &lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Scope&lt;/strong&gt;<br /> &lt;span&gt;Himalayan and Highland regions&lt;/span&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;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;<br /> Main article: [[School of Advanced Studies]], [[Summer School]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&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=Main_Page&diff=474 2026-10-01T09:42:49Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;homepage-grid&quot; style=&quot;display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:24px !important; width:100% !important;&quot;&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot; style=&quot;width:100% !important; max-width:none !important; min-width:0 !important;&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div style=&quot;width:100%; overflow:hidden;&quot;&gt;<br /> [[File:Arctic.jpg|1000px|link=Arctic &amp; Sápmi]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Arctic &amp;amp; Sápmi&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot; style=&quot;width:100% !important; max-width:none !important; min-width:0 !important;&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div style=&quot;width:100%; overflow:hidden;&quot;&gt;<br /> [[File:Himalayas.jpg|1000px|link=Nagaland &amp; Indo–Myanmar Highlands]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Nagaland &amp;amp; Indo–Myanmar Highlands&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot; style=&quot;width:100% !important; max-width:none !important; min-width:0 !important;&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div style=&quot;width:100%; overflow:hidden;&quot;&gt;<br /> [[File:South India.jpg|1000px|link=Bengaluru &amp; South India]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Bengaluru &amp;amp; South India&lt;/h3&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;eko-card&quot; style=&quot;width:100% !important; max-width:none !important; min-width:0 !important;&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div style=&quot;width:100%; overflow:hidden;&quot;&gt;<br /> [[File:Amazonia.jpg|1000px|link=Amazonia &amp; Brazil]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;eko-card-body&quot;&gt;<br /> &lt;h3 class=&quot;eko-card-title&quot;&gt;Amazonia &amp;amp; Brazil&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Climate-change.png|52px|link=Climate &amp; Environmental Change|alt=Climate &amp; Environmental Change]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Climate &amp;amp;&lt;br&gt;Environmental Change&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Agriculture.png|52px|link=Food, Farming &amp; Cultivation|alt=Food, Farming &amp; Cultivation]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Food, Farming &amp;amp;&lt;br&gt;Cultivation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Water-systems.png|52px|link=Water, Rivers, Ice &amp; Oceans|alt=Water, Rivers, Ice &amp; Oceans]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Water, Rivers,&lt;br&gt;Ice &amp;amp; Oceans&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Forest-knowledge.png|52px|link=Forests, Land &amp; Biodiversity|alt=Forests, Land &amp; Biodiversity]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Forests, Land &amp;amp;&lt;br&gt;Biodiversity&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Traditional-medicine.png|52px|link=Plants, Healing &amp; Health|alt=Plants, Healing &amp; Health]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Plants, Healing&lt;br&gt;&amp;amp; Health&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Animal-relations.png|52px|link=Animals &amp; Multispecies Relations|alt=Animals &amp; Multispecies Relations]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Animals &amp;amp;&lt;br&gt;Multispecies Relations&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Dreams-cosmologies.png|52px|link=Memory, Storytelling &amp; Cosmology|alt=Memory, Storytelling &amp; Cosmology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Memory, Storytelling&lt;br&gt;&amp;amp; Cosmology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot;&gt;[[File:Fire-land-management.png|52px|link=Environmental Justice &amp; Political Ecology|alt=Environmental Justice &amp; Political Ecology]]&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Environmental Justice&lt;br&gt;&amp;amp; Political Ecology&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;theme-card&quot;&gt;<br /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&gt;<br /> &lt;div class=&quot;theme-icon&quot; style=&quot;font-size:40px; line-height:52px; color:#356247;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;theme-name&quot;&gt;Methods, Media &amp;amp;&lt;br&gt;Environmental Pedagogy&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;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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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 /> <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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Editorial Principles]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Knowledge Governance]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Rights &amp; Reuse]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=473 2026-10-01T09:40:17Z

<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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — FINAL IN DEVELOPMENT BADGES<br /> ========================================================= */<br /> <br /> /* Stop old automatic MediaWiki red-link badges causing duplicates */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Cards which have a badge in the upper-right corner */<br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Badges beside ordinary text links */<br /> body.page-Main_Page .dev-inline-badge {<br /> display: inline-block !important;<br /> width: auto !important;<br /> <br /> margin-left: 5px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> vertical-align: middle !important;<br /> white-space: nowrap !important;<br /> <br /> text-decoration: none !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Featured article badges — especially compact */<br /> body.page-Main_Page .dev-article-badge {<br /> margin-left: 4px !important;<br /> padding: 1px 5px !important;<br /> font-size: 7px !important;<br /> }<br /> <br /> /* Keep each footer link together with its badge */<br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> gap: 3px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* Footer badges need to be very small */<br /> body.page-Main_Page .dev-footer-badge {<br /> margin-left: 1px !important;<br /> padding: 1px 4px !important;<br /> font-size: 6px !important;<br /> }<br /> /* =========================================================<br /> EKOLOGOS MAIN PAGE — CLEAN IN DEVELOPMENT LABELS<br /> ========================================================= */<br /> <br /> /* Prevent old automatic red-link labels */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> STANDARD BADGE<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> box-sizing: border-box !important;<br /> <br /> display: inline-flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> width: auto !important;<br /> height: auto !important;<br /> <br /> padding: 3px 7px !important;<br /> margin: 0 !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1 !important;<br /> <br /> letter-spacing: 0.15px !important;<br /> text-transform: none !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: none !important;<br /> <br /> pointer-events: none !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> REGION + THEME + COLLECTION CARDS<br /> Badge floats neatly in top-right corner<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> <br /> top: 8px !important;<br /> right: 8px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 30 !important;<br /> <br /> margin: 0 !important;<br /> <br /> background: rgba(248, 244, 232, 0.96) !important;<br /> <br /> box-shadow:<br /> 0 1px 3px rgba(0,0,0,0.10) !important;<br /> }<br /> <br /> <br /> /* Collection badge slightly stronger over photographs */<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 9px !important;<br /> right: 9px !important;<br /> <br /> background: rgba(250, 247, 238, 0.97) !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FEATURED ARTICLES<br /> Small badge sits neatly after title<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-article-title {<br /> display: flex !important;<br /> align-items: center !important;<br /> flex-wrap: wrap !important;<br /> <br /> column-gap: 5px !important;<br /> row-gap: 3px !important;<br /> }<br /> <br /> body.page-Main_Page .home-article-title .dev-article-badge {<br /> flex: 0 0 auto !important;<br /> <br /> padding: 2px 5px !important;<br /> <br /> font-size: 7px !important;<br /> <br /> vertical-align: middle !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> BROWSE / ABOUT / PROJECT LINKS<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .section-title-right,<br /> body.page-Main_Page .theme-title-right,<br /> body.page-Main_Page .home-browse-articles,<br /> body.page-Main_Page .home-info-link {<br /> display: flex !important;<br /> align-items: center !important;<br /> gap: 6px !important;<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> body.page-Main_Page .section-title-right .dev-inline-badge,<br /> body.page-Main_Page .theme-title-right .dev-inline-badge,<br /> body.page-Main_Page .home-browse-articles .dev-inline-badge,<br /> body.page-Main_Page .home-info-link .dev-inline-badge {<br /> margin-left: 2px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> COMMUNITY BUTTON<br /> Put badge above-right instead of after button text<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-community-button {<br /> position: relative !important;<br /> display: inline-block !important;<br /> }<br /> <br /> body.page-Main_Page .home-community-button .dev-inline-badge {<br /> position: absolute !important;<br /> <br /> top: -12px !important;<br /> right: -10px !important;<br /> <br /> z-index: 20 !important;<br /> <br /> margin: 0 !important;<br /> <br /> font-size: 7px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FOOTER<br /> Compact badges to avoid visual clutter<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-footer-links {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> flex-wrap: wrap !important;<br /> gap: 14px 22px !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> <br /> gap: 4px !important;<br /> <br /> white-space: nowrap !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-badge {<br /> padding: 2px 4px !important;<br /> <br /> font-size: 6px !important;<br /> <br /> opacity: 0.88 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> MOBILE<br /> --------------------------------------------------------- */<br /> <br /> @media (max-width: 700px) {<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> font-size: 7px !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 5px !important;<br /> right: 5px !important;<br /> }<br /> <br /> body.page-Main_Page .home-footer-links {<br /> gap: 10px 14px !important;<br /> }<br /> }<br /> /* =========================================================<br /> HIMALAYAS — MISSING PAGES / IN DEVELOPMENT<br /> ========================================================= */<br /> <br /> /* Missing MediaWiki pages */<br /> .hima-page a.new {<br /> color: #315f42 !important;<br /> text-decoration: none !important;<br /> opacity: 0.9 !important;<br /> }<br /> <br /> /* &quot;In development&quot; badge */<br /> .hima-page a.new::after {<br /> content: &quot;In development&quot; !important;<br /> <br /> display: inline-block !important;<br /> margin-left: 6px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> <br /> white-space: nowrap !important;<br /> vertical-align: middle !important;<br /> <br /> box-shadow: none !important;<br /> }<br /> .region-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(4, minmax(0, 1fr)) !important;<br /> gap: 24px !important;<br /> width: 100% !important;<br /> }<br /> <br /> .region-grid .eko-card {<br /> width: 100% !important;<br /> max-width: none !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> .region-grid .eko-card img {<br /> width: 100% !important;<br /> height: 210px;<br /> object-fit: cover;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Earthkeepers&diff=446 2026-09-17T12:32:19Z

<p>Admin: Created page with &quot;__NOTOC__ &lt;div style=&quot;max-width:1180px; margin:0 auto 60px auto; color:#26362d; box-sizing:border-box;&quot;&gt; &lt;!-- ====================================================== PROJECT HERO ====================================================== --&gt; &lt;div style=&quot;background:linear-gradient(120deg,#173d2b 0%,#315a42 100%); border-radius:10px 10px 0 0; overflow:hidden; color:#fff;&quot;&gt; &lt;div style=&quot;display:flex; flex-wrap:wrap; align-items:stretch;&quot;&gt; &lt;div style=&quot;flex:1 1 560px; min-widt...&quot;</p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1180px; margin:0 auto 60px auto; color:#26362d; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;!-- ======================================================<br /> PROJECT HERO<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:linear-gradient(120deg,#173d2b 0%,#315a42 100%); border-radius:10px 10px 0 0; overflow:hidden; color:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; align-items:stretch;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:1 1 560px; min-width:0; padding:48px 50px 44px 50px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.73rem; font-weight:700; letter-spacing:0.13em; color:#d2ae4d; margin-bottom:10px;&quot;&gt;<br /> RESEARCH PROJECT<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:40px; height:3px; background:#d2ae4d; margin-bottom:17px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:2.55rem; line-height:1.12; font-weight:700; max-width:760px;&quot;&gt;<br /> {{{title|Project Title}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.18rem; line-height:1.4; color:#e5ece6; margin-top:12px; max-width:760px;&quot;&gt;<br /> {{{subtitle|Short descriptive subtitle for the project goes here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.96rem; line-height:1.6; color:#dce7df; margin-top:17px; max-width:760px;&quot;&gt;<br /> {{{description|Add a short one- or two-sentence description of the project.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;&lt;div style=&quot;flex:0 1 350px; min-width:280px; display:flex; align-items:center; justify-content:center; background:#244b36; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; min-height:235px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#294f3b;&quot;&gt;<br /> {{{heroimage|&lt;div style=&quot;padding:30px; text-align:center; color:#cbd8cf; font-size:0.78rem; letter-spacing:0.04em;&quot;&gt;PROJECT IMAGE&lt;br&gt;&lt;span style=&quot;font-size:0.7rem; opacity:0.8;&quot;&gt;Image may be added later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> PROJECT INFORMATION STRIP<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #dfe5de; border-radius:0 0 12px 12px; margin:0 24px 34px 24px; box-shadow:0 8px 20px rgba(35,73,47,0.08); display:flex; flex-wrap:wrap;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:1 1 170px; padding:20px 21px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; color:#23492F; margin-bottom:8px;&quot;&gt;●&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:5px;&quot;&gt;PROJECT LEAD&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; line-height:1.45;&quot;&gt;{{{projectlead|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 170px; padding:20px 21px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; color:#23492F; margin-bottom:8px;&quot;&gt;▣&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:5px;&quot;&gt;DURATION&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; line-height:1.45;&quot;&gt;{{{duration|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 170px; padding:20px 21px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; color:#23492F; margin-bottom:8px;&quot;&gt;◇&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:5px;&quot;&gt;FUNDER&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; line-height:1.45;&quot;&gt;{{{funder|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 220px; padding:20px 21px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; color:#23492F; margin-bottom:8px;&quot;&gt;⌂&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:5px;&quot;&gt;PARTNER INSTITUTIONS&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; line-height:1.45;&quot;&gt;{{{partners|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 145px; padding:20px 21px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; color:#23492F; margin-bottom:8px;&quot;&gt;✓&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:5px;&quot;&gt;STATUS&lt;/div&gt;<br /> &lt;div style=&quot;display:inline-block; background:#e9efe9; color:#23492F; border-radius:16px; padding:4px 11px; font-size:0.84rem; font-weight:600;&quot;&gt;{{{status|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;padding:0 24px;&quot;&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> OVERVIEW<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:26px 30px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;i&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;Overview&lt;/div&gt;<br /> &lt;div style=&quot;width:34px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.97rem; line-height:1.75;&quot;&gt;<br /> {{{overview|Add a concise overview explaining the project, its context, importance, and the communities or regions involved.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:1 1 430px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:31px; height:31px; flex:0 0 31px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;◎&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.35rem; font-weight:700; color:#23492F;&quot;&gt;Objectives&lt;/div&gt;<br /> &lt;div style=&quot;width:32px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.94rem; line-height:1.7;&quot;&gt;<br /> {{{objectives|Add the project's main objectives here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 430px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:31px; height:31px; flex:0 0 31px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;◆&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.35rem; font-weight:700; color:#23492F;&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;div style=&quot;width:32px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.94rem; line-height:2;&quot;&gt;<br /> {{{themes|Add research themes here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> FIELDWORK PHOTOS<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;▣&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.42rem; font-weight:700; color:#23492F;&quot;&gt;Fieldwork Photos&lt;/div&gt;<br /> &lt;div style=&quot;width:34px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:0.83rem; font-style:italic; color:#657067;&quot;&gt;<br /> Images may be added where rights and permissions are clear.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:16px;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:1 1 260px; min-width:0; border:1px solid #e2e5df; border-radius:8px; padding:9px; background:#fbfaf7; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;height:190px; overflow:hidden; border-radius:6px; background:#eef1ec; display:flex; align-items:center; justify-content:center;&quot;&gt;<br /> {{{photo1|&lt;div style=&quot;text-align:center; color:#82897f; font-size:0.78rem;&quot;&gt;FIELDWORK PHOTO 1&lt;br&gt;&lt;span style=&quot;font-size:0.7rem;&quot;&gt;Add image later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.83rem; font-weight:600; line-height:1.45; margin-top:9px;&quot;&gt;{{{photo1caption|Caption to be added}}}&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.73rem; color:#737b73; margin-top:3px;&quot;&gt;{{{photo1credit|Photo credit / date}}}&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 260px; min-width:0; border:1px solid #e2e5df; border-radius:8px; padding:9px; background:#fbfaf7; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;height:190px; overflow:hidden; border-radius:6px; background:#eef1ec; display:flex; align-items:center; justify-content:center;&quot;&gt;<br /> {{{photo2|&lt;div style=&quot;text-align:center; color:#82897f; font-size:0.78rem;&quot;&gt;FIELDWORK PHOTO 2&lt;br&gt;&lt;span style=&quot;font-size:0.7rem;&quot;&gt;Add image later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.83rem; font-weight:600; line-height:1.45; margin-top:9px;&quot;&gt;{{{photo2caption|Caption to be added}}}&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.73rem; color:#737b73; margin-top:3px;&quot;&gt;{{{photo2credit|Photo credit / date}}}&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 260px; min-width:0; border:1px solid #e2e5df; border-radius:8px; padding:9px; background:#fbfaf7; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;height:190px; overflow:hidden; border-radius:6px; background:#eef1ec; display:flex; align-items:center; justify-content:center;&quot;&gt;<br /> {{{photo3|&lt;div style=&quot;text-align:center; color:#82897f; font-size:0.78rem;&quot;&gt;FIELDWORK PHOTO 3&lt;br&gt;&lt;span style=&quot;font-size:0.7rem;&quot;&gt;Add image later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.83rem; font-weight:600; line-height:1.45; margin-top:9px;&quot;&gt;{{{photo3caption|Caption to be added}}}&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.73rem; color:#737b73; margin-top:3px;&quot;&gt;{{{photo3credit|Photo credit / date}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> ACTIVITIES<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:17px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;⚙&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.42rem; font-weight:700; color:#23492F;&quot;&gt;Activities&lt;/div&gt;<br /> &lt;div style=&quot;width:34px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.75;&quot;&gt;<br /> {{{activities|Add the project's major research, training, engagement, dissemination, or other activities here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> OUTCOMES<br /> For ongoing projects use &quot;Expected Outcomes&quot;.<br /> For completed projects use &quot;Outcomes&quot;.<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:#edf3ef; border:1px solid #d8e2da; border-radius:10px; padding:25px 28px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:22px; align-items:flex-start;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:0 1 230px;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;▥&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.4rem; font-weight:700; color:#23492F;&quot;&gt;{{{outcomesheading|Expected Outcomes}}}&lt;/div&gt;<br /> &lt;div style=&quot;width:34px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;flex:1 1 500px; font-size:0.95rem; line-height:1.72;&quot;&gt;<br /> {{{outcomes|Add expected outcomes or completed project outcomes here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:2 1 560px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.4rem; font-weight:700; color:#23492F;&quot;&gt;Research Team&lt;/div&gt;<br /> &lt;div style=&quot;width:34px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.94rem; line-height:1.8;&quot;&gt;<br /> {{{team|Add project team members and their roles here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 300px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center;&quot;&gt;⌂&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.35rem; font-weight:700; color:#23492F;&quot;&gt;Partner Institutions&lt;/div&gt;<br /> &lt;div style=&quot;width:34px; height:2px; background:#d2ae4d; margin-top:5px;&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.93rem; line-height:1.75;&quot;&gt;<br /> {{{partnerdetails|Add partner institutions and their roles here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> SOURCES + RELATED WIKI RECORDS<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:23px 25px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.23rem; font-weight:700; color:#23492F; margin-bottom:11px;&quot;&gt;<br /> Sources and References<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.9rem; line-height:1.7;&quot;&gt;<br /> {{{sources|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:23px 25px; box-sizing:border-box;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.23rem; font-weight:700; color:#23492F; margin-bottom:11px;&quot;&gt;<br /> Related Wiki Records<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.9rem; line-height:1.7;&quot;&gt;<br /> {{{related|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ======================================================<br /> IMAGE RIGHTS / CREDITS<br /> ====================================================== --&gt;<br /> <br /> &lt;div style=&quot;background:#f4f5ef; border-left:3px solid #d2ae4d; border-radius:0 8px 8px 0; padding:18px 22px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;&quot;&gt;<br /> IMAGE RIGHTS / CREDITS<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.88rem; line-height:1.65; color:#5f675f;&quot;&gt;<br /> {{{imagerights|Add image permissions, photographers, credits, or relevant restrictions here.}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=War_Residues:_Repurposed_Objects_and_Memories_of_a_Global_War_along_the_Highland_Naga-Myanmar_Border&diff=445 2026-09-16T09:14:31Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1180px; margin:0 auto 60px auto; color:#26362d;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:linear-gradient(120deg,#173d2b 0%,#315a42 100%); padding:54px 58px 50px 58px; color:#fff;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.76rem; font-weight:700; letter-spacing:0.13em; color:#d2ae4d; margin-bottom:12px;&quot;&gt;KNOWLEDGE RECORD&lt;/div&gt;<br /> &lt;div style=&quot;width:42px; height:3px; background:#d2ae4d; margin-bottom:18px;&quot;&gt;&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:2.65rem; line-height:1.12; font-weight:700; max-width:960px;&quot;&gt;War Residues&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.35rem; line-height:1.35; color:#e7ece7; max-width:950px; margin-top:8px;&quot;&gt;Repurposed Objects and Memories of a Global War along the Highland Naga–Myanmar Border&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:18px; font-size:1rem; line-height:1.55; color:#dfe8e1; max-width:820px;&quot;&gt;Material culture, oral histories, and community memories of World War II in the Naga borderlands.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #dfe5de; border-radius:12px; margin:-1px 28px 34px 28px; box-shadow:0 8px 20px rgba(35,73,47,0.08); display:flex; flex-wrap:wrap;&quot;&gt;<br /> &lt;div style=&quot;flex:1 1 180px; padding:20px 22px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;RECORD TYPE&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;Material culture and oral history&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 180px; padding:20px 22px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;PLACE&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;Naga Hills and communities along the Naga–Myanmar border&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 180px; padding:20px 22px; border-right:1px solid #e8ebe6; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;DATE OR PERIOD&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;January 2026 – December 2026&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 180px; padding:20px 22px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;EDITORIAL STATUS&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.88rem; color:#777; font-style:italic;&quot;&gt;To be added&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:0 28px;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:26px 30px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.8rem;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;Summary&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; line-height:1.72;&quot;&gt;This knowledge record documents how World War II is remembered through material objects, oral histories, family histories, and community memories in Naga communities along the Naga–Myanmar border. Wartime remnants such as aircraft parts, military equipment, ammunition, and other artefacts were repurposed for everyday use, creating enduring connections between global conflict and local memory. The record foregrounds community experiences and perspectives on the war.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;⌂&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Community / Cultural Context&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.68;&quot;&gt;The record concerns Naga communities in the borderlands between India and Myanmar. It focuses on community memories of World War II, family histories, lived experiences, survival strategies, and the ways wartime materials became part of domestic, agricultural, and community life. These objects are approached not only as remnants of war but also as carriers of memory, identity, and historical knowledge.&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;◆&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;line-height:2.15;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Memory Studies&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Material Culture&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Oral History&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Borderland Studies&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;World War II&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Heritage and Archives&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Indigenous Histories&lt;/span&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:3px;&quot;&gt;Environmental Humanities&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;●&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Contributors / Authors&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7;&quot;&gt;<br /> &lt;strong&gt;Dr Aditya Kiran Kakati&lt;/strong&gt;&lt;br&gt;&lt;span style=&quot;color:#6c756e;&quot;&gt;Project Lead&lt;/span&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;strong&gt;Kevide Lcho&lt;/strong&gt;&lt;br&gt;&lt;span style=&quot;color:#6c756e;&quot;&gt;Research Assistant&lt;/span&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;strong&gt;Saktum Wonti&lt;/strong&gt;&lt;br&gt;&lt;span style=&quot;color:#6c756e;&quot;&gt;Research Assistant&lt;/span&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;strong&gt;Abigail Thurr&lt;/strong&gt;&lt;br&gt;&lt;span style=&quot;color:#6c756e;&quot;&gt;Research Assistant&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;◎&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;How the Knowledge Was Produced&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7;&quot;&gt;The knowledge is being produced through ethnographic fieldwork in communities along the Naga–Myanmar border, collection of oral histories and life narratives, documentation and photography of wartime artefacts, archival and historical research, community consultations, and knowledge-sharing activities.&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:16px; padding-top:15px; border-top:1px solid #e6e9e4; font-size:0.91rem; line-height:1.65; color:#566159;&quot;&gt;The research brings together material objects and community narratives to examine how wartime experiences continue to be remembered and interpreted.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;background:#f0f4ef; border:1px solid #dbe3da; border-radius:10px; padding:23px 28px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#667368; margin-bottom:7px;&quot;&gt;ASSOCIATED PROJECT / ACTIVITY&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.18rem; font-weight:600; color:#23492F; line-height:1.45;&quot;&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border|War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga–Myanmar Border]]&lt;/div&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-top:19px;&quot;&gt;<br /> &lt;div style=&quot;flex:1 1 180px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;PROJECT LEAD&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;Dr Aditya Kiran Kakati&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 180px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;LEAD INSTITUTION&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;The Highland Institute&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 180px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;FUNDER&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;Delta on the Move Foundation Limited — Small Grants Scheme&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 180px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;PROJECT STATUS&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;Ongoing&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:27px 30px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:17px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.8rem;&quot;&gt;▤&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;Main Account&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; line-height:1.75;&quot;&gt;<br /> &lt;p&gt;During and after World War II, communities across the Naga Hills and the Naga–Myanmar border encountered significant quantities of military material left behind by Allied and Japanese forces. Many of these objects were repurposed for domestic, agricultural, and community use, becoming embedded within everyday life and local memory.&lt;/p&gt;<br /> <br /> &lt;p&gt;The record examines these objects not only as material remnants of war but also as carriers of memory, identity, and historical knowledge. Their continued presence in communities creates connections between a global conflict and local histories and lived experiences.&lt;/p&gt;<br /> <br /> &lt;p&gt;Community memories are also preserved through oral histories, family narratives, and accounts of wartime experiences and survival. Through ethnographic fieldwork and oral history research, the study documents community narratives surrounding wartime experiences, survival strategies, and the continuing significance of war-related objects.&lt;/p&gt;<br /> <br /> &lt;p&gt;The research seeks to document these memories before they disappear and contributes to a more community-centred understanding of World War II in the Naga borderlands.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;background:#f7f5ef; border:1px solid #e4dfd1; border-radius:10px; padding:24px 26px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:31px; height:31px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.76rem;&quot;&gt;▣&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.4rem; font-weight:700; color:#23492F;&quot;&gt;Media&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.8rem; color:#777264; margin-top:2px;&quot;&gt;Images and captions can be added here when suitable media and rights information are available.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:17px; border:1px dashed #c7c3b5; border-radius:8px; background:#fbfaf6; padding:22px; text-align:center; color:#888273; font-size:0.83rem;&quot;&gt;Media to be added&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:20px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;≡&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Sources and References&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.88rem; color:#7a7a73; font-style:italic;&quot;&gt;To be added&lt;/div&gt;<br /> &lt;/div&gt;&lt;div style=&quot;flex:1 1 420px; min-width:0; background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px; box-sizing:border-box;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;↗&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Related Wiki Records&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.88rem; color:#7a7a73; font-style:italic;&quot;&gt;To be added&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;background:#edf2ed; border:1px solid #d9e2d9; border-radius:10px; padding:24px 28px; margin-bottom:22px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:8px;&quot;&gt;RIGHTS / CULTURAL PROTOCOLS&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.88rem; color:#6f766f; font-style:italic;&quot;&gt;To be added when permissions, image rights, and any relevant cultural protocols have been confirmed.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=War_Residues:_Repurposed_Objects_and_Memories_of_a_Global_War_along_the_Highland_Naga-Myanmar_Border&diff=444 2026-09-16T09:10:56Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1180px; margin:0 auto 60px auto; color:#26362d;&quot;&gt;<br /> <br /> <br /> &lt;!-- HERO --&gt;<br /> <br /> &lt;div style=&quot;background:linear-gradient(120deg,#173d2b 0%,#315a42 100%); padding:54px 58px 50px 58px; color:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.76rem; font-weight:700; letter-spacing:0.13em; color:#d2ae4d; margin-bottom:12px;&quot;&gt;<br /> KNOWLEDGE RECORD<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:42px; height:3px; background:#d2ae4d; margin-bottom:18px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:2.65rem; line-height:1.12; font-weight:700; max-width:960px;&quot;&gt;<br /> War Residues<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.35rem; line-height:1.35; color:#e7ece7; max-width:950px; margin-top:8px;&quot;&gt;<br /> Repurposed Objects and Memories of a Global War along the Highland Naga–Myanmar Border<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:18px; font-size:1rem; line-height:1.55; color:#dfe8e1; max-width:820px;&quot;&gt;<br /> Material culture, oral histories, and community memories of World War II in the Naga borderlands.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- QUICK INFORMATION --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #dfe5de; border-radius:12px; margin:-1px 28px 34px 28px; box-shadow:0 8px 20px rgba(35,73,47,0.08); display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));&quot;&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px; border-right:1px solid #e8ebe6;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;<br /> RECORD TYPE<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;<br /> Material culture and oral history<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px; border-right:1px solid #e8ebe6;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;<br /> PLACE<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;<br /> Naga Hills and communities along the Naga–Myanmar border<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px; border-right:1px solid #e8ebe6;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;<br /> DATE OR PERIOD<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;<br /> January 2026 – December 2026<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;<br /> EDITORIAL STATUS<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.88rem; color:#777; font-style:italic;&quot;&gt;<br /> To be added<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;padding:0 28px;&quot;&gt;<br /> <br /> <br /> &lt;!-- SUMMARY --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:26px 30px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.8rem;&quot;&gt;<br /> ✦<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Summary<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; line-height:1.72;&quot;&gt;<br /> This knowledge record documents how World War II is remembered through material objects, oral histories, family histories, and community memories in Naga communities along the Naga–Myanmar border. Wartime remnants such as aircraft parts, military equipment, ammunition, and other artefacts were repurposed for everyday use, creating enduring connections between global conflict and local memory. The record foregrounds community experiences and perspectives on the war.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- COMMUNITY + THEMES --&gt;<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;<br /> ⌂<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Community / Cultural Context<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.68;&quot;&gt;<br /> The record concerns Naga communities in the borderlands between India and Myanmar. It focuses on community memories of World War II, family histories, lived experiences, survival strategies, and the ways wartime materials became part of domestic, agricultural, and community life. These objects are approached not only as remnants of war but also as carriers of memory, identity, and historical knowledge.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;<br /> ◆<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Themes<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:2.05;&quot;&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Memory Studies<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Material Culture<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Oral History<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Borderland Studies<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> World War II<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Heritage and Archives<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Indigenous Histories<br /> &lt;/span&gt;<br /> <br /> &lt;span style=&quot;display:inline-block; background:#e9efe9; border-radius:16px; padding:4px 10px; margin:2px;&quot;&gt;<br /> Environmental Humanities<br /> &lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- CONTRIBUTORS + KNOWLEDGE PRODUCTION --&gt;<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;<br /> ●<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Contributors / Authors<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.85;&quot;&gt;<br /> <br /> &lt;strong&gt;Dr Aditya Kiran Kakati&lt;/strong&gt;&lt;br&gt;<br /> &lt;span style=&quot;color:#6c756e;&quot;&gt;Project Lead&lt;/span&gt;<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> &lt;strong&gt;Kevide Lcho&lt;/strong&gt;&lt;br&gt;<br /> &lt;span style=&quot;color:#6c756e;&quot;&gt;Research Assistant&lt;/span&gt;<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> &lt;strong&gt;Saktum Wonti&lt;/strong&gt;&lt;br&gt;<br /> &lt;span style=&quot;color:#6c756e;&quot;&gt;Research Assistant&lt;/span&gt;<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> &lt;strong&gt;Abigail Thurr&lt;/strong&gt;&lt;br&gt;<br /> &lt;span style=&quot;color:#6c756e;&quot;&gt;Research Assistant&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;<br /> ◎<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;<br /> How the Knowledge Was Produced<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7;&quot;&gt;<br /> The knowledge is being produced through ethnographic fieldwork in communities along the Naga–Myanmar border, collection of oral histories and life narratives, documentation and photography of wartime artefacts, archival and historical research, community consultations, and knowledge-sharing activities.<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:16px; padding-top:15px; border-top:1px solid #e6e9e4; font-size:0.91rem; line-height:1.65; color:#566159;&quot;&gt;<br /> The research brings together material objects and community narratives to examine how wartime experiences continue to be remembered and interpreted.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- ASSOCIATED PROJECT --&gt;<br /> <br /> &lt;div style=&quot;background:#f0f4ef; border:1px solid #dbe3da; border-radius:10px; padding:23px 28px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#667368; margin-bottom:7px;&quot;&gt;<br /> ASSOCIATED PROJECT / ACTIVITY<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.18rem; font-weight:600; color:#23492F; line-height:1.45;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border|War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga–Myanmar Border]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-top:19px;&quot;&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;<br /> PROJECT LEAD<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;<br /> Dr Aditya Kiran Kakati<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;<br /> LEAD INSTITUTION<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;<br /> FUNDER<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;<br /> Delta on the Move Foundation Limited — Small Grants Scheme<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-size:0.66rem; font-weight:700; color:#778078; letter-spacing:0.05em;&quot;&gt;<br /> PROJECT STATUS<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.9rem; margin-top:3px;&quot;&gt;<br /> Ongoing<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- MAIN ACCOUNT --&gt;<br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:27px 30px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:17px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.8rem;&quot;&gt;<br /> ▤<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Main Account<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; line-height:1.75;&quot;&gt;<br /> <br /> &lt;p&gt;During and after World War II, communities across the Naga Hills and the Naga–Myanmar border encountered significant quantities of military material left behind by Allied and Japanese forces. Many of these objects were repurposed for domestic, agricultural, and community use, becoming embedded within everyday life and local memory.&lt;/p&gt;<br /> <br /> &lt;p&gt;The record examines these objects not only as material remnants of war but also as carriers of memory, identity, and historical knowledge. Their continued presence in communities creates connections between a global conflict and local histories and lived experiences.&lt;/p&gt;<br /> <br /> &lt;p&gt;Community memories are also preserved through oral histories, family narratives, and accounts of wartime experiences and survival. Through ethnographic fieldwork and oral history research, the study documents community narratives surrounding wartime experiences, survival strategies, and the continuing significance of war-related objects.&lt;/p&gt;<br /> <br /> &lt;p&gt;The research seeks to document these memories before they disappear and contributes to a more community-centred understanding of World War II in the Naga borderlands.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- MEDIA --&gt;<br /> <br /> &lt;div style=&quot;background:#f7f5ef; border:1px solid #e4dfd1; border-radius:10px; padding:24px 26px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:31px; height:31px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.76rem;&quot;&gt;<br /> ▣<br /> &lt;/div&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.4rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Media<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.8rem; color:#777264; margin-top:2px;&quot;&gt;<br /> Images and captions can be added here when suitable media and rights information are available.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:17px; border:1px dashed #c7c3b5; border-radius:8px; background:#fbfaf6; padding:24px; text-align:center; color:#888273; font-size:0.83rem;&quot;&gt;<br /> Media to be added<br /> &lt;/div&gt;<br /> <br /> &lt;!--<br /> WHEN AN IMAGE IS AVAILABLE, THE PLACEHOLDER ABOVE CAN BE REPLACED WITH:<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin-top:18px;&quot;&gt;<br /> <br /> &lt;div&gt;<br /> [[File:IMAGE-FILENAME.jpg|frameless|100%]]<br /> &lt;div style=&quot;font-size:0.78rem; line-height:1.45; color:#6e7068; margin-top:7px;&quot;&gt;<br /> Image caption. Photo credit.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> --&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- SOURCES + RELATED RECORDS --&gt;<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;<br /> ≡<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Sources and References<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.88rem; color:#7a7a73; font-style:italic;&quot;&gt;<br /> To be added<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;<br /> ↗<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Related Wiki Records<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.88rem; color:#7a7a73; font-style:italic;&quot;&gt;<br /> To be added<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- RIGHTS --&gt;<br /> <br /> &lt;div style=&quot;background:#edf2ed; border:1px solid #d9e2d9; border-radius:10px; padding:24px 28px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> RIGHTS / CULTURAL PROTOCOLS<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.88rem; color:#6f766f; font-style:italic;&quot;&gt;<br /> To be added when permissions, image rights, and any relevant cultural protocols have been confirmed.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=War_Residues:_Repurposed_Objects_and_Memories_of_a_Global_War_along_the_Highland_Naga-Myanmar_Border&diff=443 2026-09-16T09:03:50Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1180px; margin:0 auto 60px auto; color:#26362d;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:linear-gradient(120deg,#173d2b 0%,#315a42 100%); border-radius:0; padding:54px 58px 50px 58px; margin:0 0 0 0; color:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.76rem; font-weight:700; letter-spacing:0.13em; color:#d2ae4d; margin-bottom:12px;&quot;&gt;<br /> KNOWLEDGE RECORD<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:42px; height:3px; background:#d2ae4d; margin-bottom:18px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:2.65rem; line-height:1.12; font-weight:700; max-width:900px;&quot;&gt;<br /> {{{title|Title to be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:16px; font-size:1rem; line-height:1.55; color:#e5ece6; max-width:820px;&quot;&gt;<br /> {{{recordtype|Record type to be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #dfe5de; border-radius:12px; margin:-1px 28px 34px 28px; box-shadow:0 8px 20px rgba(35,73,47,0.08); display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));&quot;&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px; border-right:1px solid #e8ebe6;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;RECORD TYPE&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;{{{recordtype|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px; border-right:1px solid #e8ebe6;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;PLACE&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;{{{place|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px; border-right:1px solid #e8ebe6;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;DATE OR PERIOD&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;{{{dateperiod|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;padding:20px 22px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.68rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:6px;&quot;&gt;EDITORIAL STATUS&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.92rem; line-height:1.45;&quot;&gt;{{{editorialstatus|To be added}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;padding:0 28px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:26px 30px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:16px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.8rem;&quot;&gt;✦&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;Summary&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; line-height:1.72;&quot;&gt;<br /> {{{summary|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;⌂&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Community / Cultural Context&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.68;&quot;&gt;<br /> {{{community|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;◆&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.75;&quot;&gt;<br /> {{{themes|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;●&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Contributors / Authors&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7;&quot;&gt;<br /> {{{contributors|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;◎&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;How the Knowledge Was Produced&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7;&quot;&gt;<br /> {{{production|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#f0f4ef; border:1px solid #dbe3da; border-radius:10px; padding:23px 28px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#667368; margin-bottom:5px;&quot;&gt;<br /> ASSOCIATED PROJECT / ACTIVITY<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.18rem; font-weight:600; color:#23492F; line-height:1.45;&quot;&gt;<br /> {{{associated|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:27px 30px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:11px; margin-bottom:17px;&quot;&gt;<br /> &lt;div style=&quot;width:32px; height:32px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.8rem;&quot;&gt;▤&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;Main Account&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; line-height:1.75;&quot;&gt;<br /> {{{mainaccount|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#f7f5ef; border:1px solid #e4dfd1; border-radius:10px; padding:25px 26px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px;&quot;&gt;<br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:31px; height:31px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.76rem;&quot;&gt;▣&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.4rem; font-weight:700; color:#23492F;&quot;&gt;Media&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.75rem; color:#746e5d;&quot;&gt;Images may be added when rights are clear&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-height:150px; border:1px dashed #c7c3b5; border-radius:8px; background:#fbfaf6; display:flex; align-items:center; justify-content:center; overflow:hidden;&quot;&gt;<br /> {{{media1|&lt;div style=&quot;text-align:center; color:#8a8575; font-size:0.82rem; line-height:1.5;&quot;&gt;IMAGE SLOT 1&lt;br&gt;&lt;span style=&quot;font-size:0.72rem;&quot;&gt;Add media later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;min-height:150px; border:1px dashed #c7c3b5; border-radius:8px; background:#fbfaf6; display:flex; align-items:center; justify-content:center; overflow:hidden;&quot;&gt;<br /> {{{media2|&lt;div style=&quot;text-align:center; color:#8a8575; font-size:0.82rem; line-height:1.5;&quot;&gt;IMAGE SLOT 2&lt;br&gt;&lt;span style=&quot;font-size:0.72rem;&quot;&gt;Add media later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;min-height:150px; border:1px dashed #c7c3b5; border-radius:8px; background:#fbfaf6; display:flex; align-items:center; justify-content:center; overflow:hidden;&quot;&gt;<br /> {{{media3|&lt;div style=&quot;text-align:center; color:#8a8575; font-size:0.82rem; line-height:1.5;&quot;&gt;IMAGE SLOT 3&lt;br&gt;&lt;span style=&quot;font-size:0.72rem;&quot;&gt;Add media later&lt;/span&gt;&lt;/div&gt;}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:20px; margin-bottom:22px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;≡&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Sources and References&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7; min-height:54px;&quot;&gt;<br /> {{{sources|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#fff; border:1px solid #e0e5de; border-radius:10px; padding:24px 26px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px; margin-bottom:15px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem;&quot;&gt;↗&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#23492F;&quot;&gt;Related Wiki Records&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.95rem; line-height:1.7; min-height:54px;&quot;&gt;<br /> {{{related|To be added}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;background:#edf2ed; border:1px solid #d9e2d9; border-radius:10px; padding:25px 28px; margin-bottom:22px;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:26px;&quot;&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> RIGHTS / CULTURAL PROTOCOLS<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.94rem; line-height:1.65;&quot;&gt;<br /> {{{rights|To be added}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.06em; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> EDITORIAL STATUS<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.94rem; line-height:1.65;&quot;&gt;<br /> {{{editorialstatus|To be added}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=442 2026-09-14T09:43:08Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1050px; margin:0 0 60px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 36px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.75rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Research Projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- CURRENT PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem;&quot;&gt;●&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Current Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#55705d; background:#e8f0e9; border:1px solid #cfddd1; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 3 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:100%; display:block; margin-bottom:42px;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Soldier Citizens: Nagas in India's Border Security Force]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- COMPLETED PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem;&quot;&gt;✓&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Completed Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#687269; background:#f0f2ef; border:1px solid #dadeda; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 11 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:100%; display:block;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Earthkeepers]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[International Climate Protection Fellowship Project]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;04&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;05&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Urbaltour]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;06&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;07&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;08&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;09&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;10&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;11&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Participatory Arts Research Project (Youth Research Board under CTS)]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=441 2026-09-14T09:42:33Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1050px; margin:0 0 60px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 36px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.75rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Research Projects<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:55px; height:3px; background:#C7A445; margin-bottom:15px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:1rem; line-height:1.65; color:#4f5d50; max-width:820px;&quot;&gt;<br /> Research projects associated with the Ekologos Wiki. Projects are organised by their current status. An “In development” label indicates that the Wiki page is still being developed.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- CURRENT PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem;&quot;&gt;●&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Current Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#55705d; background:#e8f0e9; border:1px solid #cfddd1; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 3 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:100%; display:block; margin-bottom:42px;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Soldier Citizens: Nagas in India's Border Security Force]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- COMPLETED PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem;&quot;&gt;✓&lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Completed Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#687269; background:#f0f2ef; border:1px solid #dadeda; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 11 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:100%; display:block;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Earthkeepers]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[International Climate Protection Fellowship Project]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;04&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;05&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Urbaltour]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;06&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;07&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;08&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;09&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;10&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45; padding-top:4px;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:100%; max-width:780px; box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; align-items:start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff; margin:0 0 14px 0;&quot;&gt;<br /> &lt;div style=&quot;width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; line-height:1;&quot;&gt;11&lt;/div&gt;<br /> &lt;div style=&quot;padding-top:4px;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Participatory Arts Research Project (Youth Research Board under CTS)]]<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=440 2026-09-14T09:37:28Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1050px; margin:0 0 60px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 36px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.75rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Research Projects<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:55px; height:3px; background:#C7A445; margin-bottom:15px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:1rem; line-height:1.65; color:#4f5d50; max-width:820px;&quot;&gt;<br /> Research projects associated with the Ekologos Wiki. Projects are organised by their current status. An “In development” label indicates that the Wiki page is still being developed.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- CURRENT PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem;&quot;&gt;<br /> ●<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Current Projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#55705d; background:#e8f0e9; border:1px solid #cfddd1; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 3 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; align-items:stretch; margin-bottom:42px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:19px 20px; border:1px solid #d8e1d9; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 01<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:19px 20px; border:1px solid #d8e1d9; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 02<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:19px 20px; border:1px solid #d8e1d9; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 03<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Soldier Citizens: Nagas in India's Border Security Force]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- COMPLETED PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> <br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem;&quot;&gt;<br /> ✓<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Completed Projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#687269; background:#f0f2ef; border:1px solid #dadeda; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 11 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; align-items:stretch;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 04<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Earthkeepers]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 05<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 06<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[International Climate Protection Fellowship Project]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 07<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 08<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Urbaltour]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 09<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 10<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 11<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 12<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 13<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 14<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Participatory Arts Research Project (Youth Research Board under CTS)]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=439 2026-09-14T09:12:03Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1050px; margin:0 0 60px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 36px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.75rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Research Projects<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:55px; height:3px; background:#C7A445; margin-bottom:15px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:1rem; line-height:1.65; color:#4f5d50; max-width:820px;&quot;&gt;<br /> Research projects associated with the Ekologos Wiki. Projects are organised by their current status. An “In development” label indicates that the Wiki page is still being developed.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- CURRENT PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem;&quot;&gt;●&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Current Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#55705d; background:#e8f0e9; border:1px solid #cfddd1; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 3 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; align-items:stretch; margin-bottom:42px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:19px 20px; border:1px solid #d8e1d9; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 01<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e7f0e8; border:1px solid #cddccd; color:#365d40; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Current&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:19px 20px; border:1px solid #d8e1d9; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 02<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e7f0e8; border:1px solid #cddccd; color:#365d40; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Current&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:19px 20px; border:1px solid #d8e1d9; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 03<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Soldier Citizens: Nagas in India's Border Security Force]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#e7f0e8; border:1px solid #cddccd; color:#365d40; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Current&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- COMPLETED PROJECTS --&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; padding-bottom:10px; border-bottom:1px solid #d8ded7;&quot;&gt;<br /> <br /> &lt;div style=&quot;display:flex; align-items:center; gap:10px;&quot;&gt;<br /> &lt;div style=&quot;width:30px; height:30px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.82rem;&quot;&gt;✓&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.45rem; font-weight:700; color:#23492F;&quot;&gt;<br /> Completed Projects<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.78rem; font-weight:600; color:#687269; background:#f0f2ef; border:1px solid #dadeda; border-radius:14px; padding:4px 10px;&quot;&gt;<br /> 11 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; align-items:stretch;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 04<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Earthkeepers]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Completed&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 05<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Completed&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 06<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[International Climate Protection Fellowship Project]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Completed&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 07<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Completed&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 08<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Urbaltour]]<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Completed&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 09<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Completed&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 10<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Completed&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 11<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Completed&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 12<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Completed&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 13<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;Completed&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> <br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#637467; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;<br /> 14<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;<br /> [[Participatory Arts Research Project (Youth Research Board under CTS)]]<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span style=&quot;display:inline-block; background:#f0f2ef; border:1px solid #d8ddd8; color:#667067; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35; margin-right:5px;&quot;&gt;Completed&lt;/span&gt;<br /> <br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=438 2026-09-14T08:02:57Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1050px; margin:0 0 55px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 32px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.75rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Research Projects<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:55px; height:3px; background:#C7A445; margin-bottom:15px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:1rem; line-height:1.65; color:#4f5d50; max-width:800px;&quot;&gt;<br /> Browse research and related project pages connected to the Ekologos Wiki. Projects marked “In development” are listed here but do not yet have a completed project page.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; align-items:center; justify-content:space-between; margin:0 0 16px 0; max-width:1050px;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.35rem; font-weight:600; color:#23492F;&quot;&gt;<br /> Project Index<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:0.8rem; color:#758076;&quot;&gt;<br /> 14 projects<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; align-items:stretch;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[Earthkeepers]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;04&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[International Climate Protection Fellowship Project]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;05&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;06&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Urbaltour]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;07&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;08&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;09&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;10&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;11&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;12&lt;/div&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;13&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;width:calc(50% - 7px); min-width:320px; box-sizing:border-box; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #dde3dc; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700;&quot;&gt;14&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.98rem; font-weight:600;&quot;&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:7px;&quot;&gt;<br /> &lt;span class=&quot;dev-inline-badge&quot; style=&quot;display:inline-block; background:#f1ecd8; border:1px solid #d9cda5; color:#75662f; border-radius:12px; padding:2px 8px; font-size:0.68rem; font-weight:600; line-height:1.35;&quot;&gt;In development&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Projects&diff=437 2026-09-14T07:54:16Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div style=&quot;max-width:1120px; margin:0 auto 50px auto;&quot;&gt;<br /> <br /> &lt;div style=&quot;background:#eef3ed; border:1px solid #d9e2d8; border-radius:12px; padding:28px 32px; margin:20px 0 30px 0;&quot;&gt;<br /> <br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.7rem; font-weight:700; color:#23492F; margin-bottom:8px;&quot;&gt;<br /> Research Projects<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;width:55px; height:3px; background:#C7A445; margin-bottom:15px;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div style=&quot;font-size:1rem; line-height:1.6; color:#4f5d50; max-width:780px;&quot;&gt;<br /> Browse research and related project pages connected to the Ekologos Wiki. Projects marked “In development” are listed here but do not yet have a completed project page.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:grid; grid-template-columns:repeat(auto-fit,minmax(420px,1fr)); gap:14px;&quot;&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;01&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[Earthkeepers]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;02&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;03&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;04&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[International Climate Protection Fellowship Project]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;05&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Study on Nutrition Determinants and Strategies in the North-East of India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;06&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Urbaltour]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;07&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;08&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;09&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Global Impact Accelerator – The Naga Women's Health Channel]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;10&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;11&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;12&lt;/div&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600; line-height:1.45;&quot;&gt;<br /> [[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;13&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div style=&quot;display:flex; gap:16px; align-items:flex-start; padding:18px 20px; border:1px solid #e1e4dd; border-radius:9px; background:#fff;&quot;&gt;<br /> &lt;div style=&quot;min-width:34px; height:34px; border-radius:50%; background:#23492F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;&quot;&gt;14&lt;/div&gt;<br /> &lt;div style=&quot;line-height:1.45;&quot;&gt;<br /> &lt;div style=&quot;font-size:1rem; font-weight:600;&quot;&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/div&gt;<br /> &lt;div style=&quot;margin-top:5px;&quot;&gt;&lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Sidebar&diff=436 2026-09-14T07:39:32Z

<p>Admin: </p> <hr /> <div><br /> * navigation<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 /> ** Projects|All 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=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=435 2026-09-11T06:09:44Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin:12px 0 24px 54px; padding:10px 15px; max-width:420px; background:#f1f4ef; border-left:3px solid #C7A445; border-radius:0 6px 6px 0;&quot;&gt;<br /> &lt;div style=&quot;font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#788177; margin-bottom:3px;&quot;&gt;<br /> Institute<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-family:Georgia,serif; font-size:1.25rem; font-weight:600; line-height:1.25; color:#23492F;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Location&lt;/strong&gt;<br /> &lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Focus&lt;/strong&gt;<br /> &lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Established&lt;/strong&gt;<br /> &lt;span&gt;Independent research organisation&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Publication&lt;/strong&gt;<br /> &lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Scope&lt;/strong&gt;<br /> &lt;span&gt;Himalayan and Highland regions&lt;/span&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;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;<br /> Main article: [[School of Advanced Studies]], [[Summer School]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&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=Postgraduate_Certificate_in_Research&diff=434 2026-09-10T05:38:30Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;pgcert-page&quot;&gt;<br /> <br /> &lt;!-- HERO --&gt;<br /> &lt;div class=&quot;pgcert-hero&quot;&gt;<br /> &lt;div class=&quot;pgcert-hero-overlay&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-hero-inner&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-hero-copy&quot;&gt;<br /> &lt;div class=&quot;pgcert-kicker&quot;&gt;THE HIGHLAND INSTITUTE&lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-title&quot;&gt;<br /> Postgraduate Certificate&lt;br&gt;in Research<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-title-accent&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-tagline&quot;&gt;<br /> Advanced research training and mentorship<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-hero-text&quot;&gt;<br /> Build the research skills, confidence, and academic foundation<br /> to develop independent research and pursue future academic opportunities.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;pgcert-hero-card&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-card-heading&quot;&gt;<br /> Programme at a Glance<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-card-row&quot;&gt;<br /> &lt;div class=&quot;pgcert-card-label&quot;&gt;Duration&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-card-value&quot;&gt;12 months&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-card-row&quot;&gt;<br /> &lt;div class=&quot;pgcert-card-label&quot;&gt;Focus&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-card-value&quot;&gt;<br /> Independent research and professional academic skills<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-card-row&quot;&gt;<br /> &lt;div class=&quot;pgcert-card-label&quot;&gt;Mentorship&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-card-value&quot;&gt;<br /> Guidance from experienced researchers and scholars<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-card-row&quot;&gt;<br /> &lt;div class=&quot;pgcert-card-label&quot;&gt;Research Training&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-card-value&quot;&gt;<br /> Qualitative and interdisciplinary research methods<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- QUICK FACTS --&gt;<br /> &lt;div class=&quot;pgcert-facts&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-fact&quot;&gt;<br /> &lt;div class=&quot;pgcert-fact-icon&quot;&gt;◷&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-title&quot;&gt;12 months&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-text&quot;&gt;<br /> Structured research programme<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-fact&quot;&gt;<br /> &lt;div class=&quot;pgcert-fact-icon&quot;&gt;♙&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-title&quot;&gt;Research mentorship&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-text&quot;&gt;<br /> Guidance from researchers and scholars<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-fact&quot;&gt;<br /> &lt;div class=&quot;pgcert-fact-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-title&quot;&gt;Independent project&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-text&quot;&gt;<br /> Develop your own research project<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-fact&quot;&gt;<br /> &lt;div class=&quot;pgcert-fact-icon&quot;&gt;✎&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-title&quot;&gt;Academic writing&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-text&quot;&gt;<br /> Writing and publication support<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-fact&quot;&gt;<br /> &lt;div class=&quot;pgcert-fact-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-title&quot;&gt;Research pathway&lt;/div&gt;<br /> &lt;div class=&quot;pgcert-fact-text&quot;&gt;<br /> Preparation for further study<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- MAIN CONTENT --&gt;<br /> &lt;div class=&quot;pgcert-main-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-main-content&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-section-heading&quot;&gt;<br /> &lt;span class=&quot;pgcert-heading-icon&quot;&gt;▲&lt;/span&gt;<br /> &lt;span&gt;Overview&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-intro&quot;&gt;<br /> <br /> &lt;p&gt;<br /> The Summer School serves as the entry phase of the Highland Institute's<br /> &lt;strong&gt;12-month Postgraduate Certificate in Research (PGCertR)&lt;/strong&gt;.<br /> Designed for participants seeking advanced research training, the PGCertR<br /> provides structured support for the development of independent research<br /> projects and professional academic skills.<br /> &lt;/p&gt;<br /> <br /> &lt;p&gt;<br /> The programme combines mentorship, research training, writing support,<br /> and practical research experience through participation in ongoing<br /> projects and scholarly activities at the Institute.<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;pgcert-section-heading pgcert-support-heading&quot;&gt;<br /> &lt;span class=&quot;pgcert-heading-icon&quot;&gt;◎&lt;/span&gt;<br /> &lt;span&gt;The PGCertR supports participants in:&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;pgcert-support-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;01&lt;/div&gt;<br /> &lt;div&gt;Developing research proposals and independent research projects.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;02&lt;/div&gt;<br /> &lt;div&gt;Preparing academic articles, reports, and other research outputs for publication.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;03&lt;/div&gt;<br /> &lt;div&gt;Receiving mentorship and guidance for doctoral applications and further postgraduate study.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;04&lt;/div&gt;<br /> &lt;div&gt;Acquiring advanced training in qualitative and interdisciplinary research methods.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;05&lt;/div&gt;<br /> &lt;div&gt;Strengthening academic writing, critical analysis, and research communication skills.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;06&lt;/div&gt;<br /> &lt;div&gt;Participating in seminars, workshops, and collaborative research activities.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;07&lt;/div&gt;<br /> &lt;div&gt;Preparing for future research opportunities and fellowships within the Highland Institute and partner institutions.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-support-item&quot;&gt;<br /> &lt;div class=&quot;pgcert-support-icon&quot;&gt;08&lt;/div&gt;<br /> &lt;div&gt;Building professional networks through engagement with researchers, fellows, and visiting scholars.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;pgcert-completion&quot;&gt;<br /> &lt;div class=&quot;pgcert-completion-icon&quot;&gt;◆&lt;/div&gt;<br /> <br /> &lt;div&gt;<br /> Successful completion of the programme provides participants with<br /> practical research experience, an expanded academic portfolio,<br /> and preparation for further study and research careers in academia,<br /> policy, and community-based research.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;!-- RIGHT SIDEBAR --&gt;<br /> &lt;div class=&quot;pgcert-sidebar&quot;&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-title&quot;&gt;<br /> Programme at a glance<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-line&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-item&quot;&gt;<br /> &lt;strong&gt;Programme&lt;/strong&gt;<br /> &lt;span&gt;Postgraduate Certificate in Research (PGCertR)&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-item&quot;&gt;<br /> &lt;strong&gt;Duration&lt;/strong&gt;<br /> &lt;span&gt;12 months&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-item&quot;&gt;<br /> &lt;strong&gt;Research focus&lt;/strong&gt;<br /> &lt;span&gt;Independent research development&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-item&quot;&gt;<br /> &lt;strong&gt;Mentorship&lt;/strong&gt;<br /> &lt;span&gt;Individual academic guidance&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;pgcert-sidebar-item&quot;&gt;<br /> &lt;strong&gt;Academic development&lt;/strong&gt;<br /> &lt;span&gt;Research methods, writing and publication preparation&lt;/span&gt;<br /> &lt;/div&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=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=433 2026-09-10T05:08:00Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin:1px 0 20px 54px; font-family:Georgia,serif; font-size:1.08rem; font-weight:400; color:#4f5d50; line-height:1.3;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Location&lt;/strong&gt;<br /> &lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Focus&lt;/strong&gt;<br /> &lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Established&lt;/strong&gt;<br /> &lt;span&gt;Independent research organisation&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Publication&lt;/strong&gt;<br /> &lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Scope&lt;/strong&gt;<br /> &lt;span&gt;Himalayan and Highland regions&lt;/span&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;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;<br /> Main article: [[School of Advanced Studies]], [[Summer School]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&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=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=432 2026-09-10T05:04:29Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;margin:3px 0 22px 54px; font-size:0.95rem; font-weight:500; color:#667268; letter-spacing:0.025em;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Location&lt;/strong&gt;<br /> &lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Focus&lt;/strong&gt;<br /> &lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Established&lt;/strong&gt;<br /> &lt;span&gt;Independent research organisation&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Publication&lt;/strong&gt;<br /> &lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Scope&lt;/strong&gt;<br /> &lt;span&gt;Himalayan and Highland regions&lt;/span&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;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;<br /> Main article: [[School of Advanced Studies]], [[Summer School]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&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=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=431 2026-09-10T05:02:11Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;margin-top:-8px; margin-bottom:18px; margin-left:54px; font-family:Georgia,serif; font-size:1.25rem; font-weight:600; color:#23492F;&quot;&gt;<br /> The Highland Institute<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Location&lt;/strong&gt;&lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Focus&lt;/strong&gt;&lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Established&lt;/strong&gt;&lt;span&gt;Independent research organisation&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Publication&lt;/strong&gt;&lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Scope&lt;/strong&gt;&lt;span&gt;Himalayan and Highland regions&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India|Study on Nutrition Determinants and Strategies in the Northeast of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;Main article: [[School of Advanced Studies]], [[Summer School]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=New_Insights_on_Climate_Change_Adaptation_Strategies_for_Food_Security_in_Northeast_India&diff=430 2026-09-09T11:17:49Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;foodsec-page&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-hero&quot;&gt;<br /> &lt;div class=&quot;foodsec-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-hero-inner&quot;&gt;<br /> &lt;div class=&quot;foodsec-hero-copy&quot;&gt;<br /> &lt;div class=&quot;foodsec-kicker&quot;&gt;RESEARCH PROJECT&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-kicker-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-title&quot;&gt;New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-hero-description&quot;&gt;Agriculture, food security, traditional ecological knowledge, and climate resilience in Northeast India.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-info-wrap&quot;&gt;<br /> &lt;div class=&quot;foodsec-info-strip&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-info-item foodsec-info-leads&quot;&gt;<br /> &lt;div class=&quot;foodsec-info-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-label&quot;&gt;PROJECT LEADS&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-value&quot;&gt;Prof. Alison Betts&lt;br&gt;Dr Nicholas Fuller&lt;br&gt;Dr Rebecca Hamilton&lt;br&gt;Dr Michael Spate&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-info-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-info-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-label&quot;&gt;DURATION&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-value&quot;&gt;2026–2030&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-info-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-info-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-label&quot;&gt;FUNDER&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-value&quot;&gt;Australian Research Council (ARC)&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-info-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-info-icon&quot;&gt;✓&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-label&quot;&gt;STATUS&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-info-value&quot;&gt;Ongoing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-content&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-overview foodsec-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-section-side&quot;&gt;<br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Overview&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-overview-text&quot;&gt;<br /> <br /> &lt;p&gt;&lt;strong&gt;New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India&lt;/strong&gt; is a collaborative international research project investigating long-term agricultural adaptation, food security, and climate resilience in Northeast India, with a particular focus on Naga agricultural systems. Bringing together researchers from Australia, the United Kingdom, and India, the project combines archaeological, ethnographic, environmental, and historical approaches to examine how communities have adapted to environmental change over time and how this knowledge can inform contemporary climate resilience strategies.&lt;/p&gt;<br /> <br /> &lt;p&gt;India, a major agricultural producer and exporter, faces increasing risks from climate-induced food insecurity. Through a large-scale and chronologically deep study of agriculture, climate adaptation, traditional ecological knowledge, and dietary health, the project seeks to identify practical pathways for strengthening food security and sustainability in the region. Working closely with local communities, the research aims to generate new evidence to support climate adaptation planning, improve farming practices, and inform policy development.&lt;/p&gt;<br /> <br /> &lt;p&gt;The project investigates how agricultural communities in Northeast India have historically responded to environmental change and how traditional knowledge systems can contribute to contemporary climate resilience. By examining both past and present agricultural practices, the research explores long-term adaptation strategies, changing food systems, and the role of local knowledge in responding to climate-related challenges.&lt;/p&gt;<br /> <br /> &lt;p&gt;Particular attention is given to documenting disappearing agricultural knowledge, understanding historical responses to environmental stress, and assessing the relationship between climate change, food security, and community wellbeing.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-two-column&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-panel foodsec-objectives&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Objectives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-list&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-number&quot;&gt;1&lt;/div&gt;<br /> &lt;div&gt;Conduct a large-scale, chronologically deep study of Naga agricultural systems.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-number&quot;&gt;2&lt;/div&gt;<br /> &lt;div&gt;Investigate historical and contemporary climate adaptation strategies.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-number&quot;&gt;3&lt;/div&gt;<br /> &lt;div&gt;Document and analyse traditional ecological and agricultural knowledge.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-number&quot;&gt;4&lt;/div&gt;<br /> &lt;div&gt;Examine relationships between agriculture, food security, and dietary health.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-number&quot;&gt;5&lt;/div&gt;<br /> &lt;div&gt;Develop evidence-based recommendations to support climate resilience and sustainable farming.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-number-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-number&quot;&gt;6&lt;/div&gt;<br /> &lt;div&gt;Encourage pilot and demonstration projects addressing climate-related challenges in agriculture.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-theme-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Climate Change Adaptation&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Food Security&lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Agricultural Sustainability&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Traditional Ecological Knowledge&lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Environmental History&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Dietary Health&lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Indigenous Knowledge Systems&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-theme&quot;&gt;Rural Livelihoods&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-panel foodsec-activities&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;⚙&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Activities&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-card&quot;&gt;<br /> &lt;div class=&quot;foodsec-activity-icon&quot;&gt;⌖&lt;/div&gt;<br /> &lt;div&gt;Archaeological and historical investigations of agricultural systems&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-card&quot;&gt;<br /> &lt;div class=&quot;foodsec-activity-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;Ethnographic research with farming communities&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-card&quot;&gt;<br /> &lt;div class=&quot;foodsec-activity-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div&gt;Documentation of traditional ecological knowledge&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-card&quot;&gt;<br /> &lt;div class=&quot;foodsec-activity-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div&gt;Community consultations and collaborative research activities&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-card&quot;&gt;<br /> &lt;div class=&quot;foodsec-activity-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div&gt;Environmental and agricultural data collection&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-activity-card&quot;&gt;<br /> &lt;div class=&quot;foodsec-activity-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div&gt;Policy engagement and knowledge-sharing initiatives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-panel foodsec-outcomes&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;▥&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Expected Outcomes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-outcomes-text&quot;&gt;<br /> <br /> &lt;p&gt;The project is expected to generate new knowledge on climate adaptation and food security in Northeast India through the integration of historical, archaeological, and ethnographic perspectives. Findings will contribute to academic scholarship, inform climate adaptation policy, and support the development of practical interventions to improve agricultural sustainability and resilience.&lt;/p&gt;<br /> <br /> &lt;p&gt;Anticipated outcomes include policy recommendations, pilot projects to improve farming practices, enhanced understanding of traditional adaptation strategies, and strengthened collaboration between researchers, policymakers, and local communities. The project is also expected to contribute to broader discussions on climate resilience in India and provide insights relevant to international partners, including Australia.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-lower-grid&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-panel foodsec-team&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Research Team&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-team-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-person&quot;&gt;<br /> &lt;div class=&quot;foodsec-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-name&quot;&gt;Prof. Alison Betts&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-role&quot;&gt;Project Lead&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-person&quot;&gt;<br /> &lt;div class=&quot;foodsec-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-name&quot;&gt;Dr Nicholas Fuller&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-role&quot;&gt;Project Lead&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-person&quot;&gt;<br /> &lt;div class=&quot;foodsec-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-name&quot;&gt;Dr Rebecca Hamilton&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-role&quot;&gt;Project Lead&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-person&quot;&gt;<br /> &lt;div class=&quot;foodsec-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-name&quot;&gt;Dr Michael Spate&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-role&quot;&gt;Project Lead&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-person&quot;&gt;<br /> &lt;div class=&quot;foodsec-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-name&quot;&gt;Tumüzo Katiry&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-role&quot;&gt;Ethnographer&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-person&quot;&gt;<br /> &lt;div class=&quot;foodsec-avatar&quot;&gt;●&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-name&quot;&gt;Abigail Thurr&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-person-role&quot;&gt;Ethnographer&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;foodsec-panel foodsec-partners&quot;&gt;<br /> <br /> &lt;div class=&quot;foodsec-heading-row&quot;&gt;<br /> &lt;div class=&quot;foodsec-section-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div class=&quot;foodsec-heading&quot;&gt;Partner Institutions&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-partner-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-partner-symbol&quot;&gt;US&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;The University of Sydney&lt;/strong&gt;&lt;span&gt;Australia&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-partner-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-partner-symbol&quot;&gt;LT&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;La Trobe University&lt;/strong&gt;&lt;span&gt;Australia&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-partner-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-partner-symbol&quot;&gt;UY&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;The University of York&lt;/strong&gt;&lt;span&gt;United Kingdom&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-partner-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-partner-symbol&quot;&gt;BS&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Birbal Sahni Institute of Palaeosciences&lt;/strong&gt;&lt;span&gt;India&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-partner-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-partner-symbol&quot;&gt;NU&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Nagaland University&lt;/strong&gt;&lt;span&gt;India&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;foodsec-partner-item&quot;&gt;<br /> &lt;div class=&quot;foodsec-partner-symbol&quot;&gt;THI&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;The Highland Institute&lt;/strong&gt;&lt;span&gt;Kohima, Nagaland&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=429 2026-09-09T08:44: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — FINAL IN DEVELOPMENT BADGES<br /> ========================================================= */<br /> <br /> /* Stop old automatic MediaWiki red-link badges causing duplicates */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Cards which have a badge in the upper-right corner */<br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Badges beside ordinary text links */<br /> body.page-Main_Page .dev-inline-badge {<br /> display: inline-block !important;<br /> width: auto !important;<br /> <br /> margin-left: 5px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> vertical-align: middle !important;<br /> white-space: nowrap !important;<br /> <br /> text-decoration: none !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Featured article badges — especially compact */<br /> body.page-Main_Page .dev-article-badge {<br /> margin-left: 4px !important;<br /> padding: 1px 5px !important;<br /> font-size: 7px !important;<br /> }<br /> <br /> /* Keep each footer link together with its badge */<br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> gap: 3px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* Footer badges need to be very small */<br /> body.page-Main_Page .dev-footer-badge {<br /> margin-left: 1px !important;<br /> padding: 1px 4px !important;<br /> font-size: 6px !important;<br /> }<br /> /* =========================================================<br /> EKOLOGOS MAIN PAGE — CLEAN IN DEVELOPMENT LABELS<br /> ========================================================= */<br /> <br /> /* Prevent old automatic red-link labels */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> STANDARD BADGE<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> box-sizing: border-box !important;<br /> <br /> display: inline-flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> width: auto !important;<br /> height: auto !important;<br /> <br /> padding: 3px 7px !important;<br /> margin: 0 !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1 !important;<br /> <br /> letter-spacing: 0.15px !important;<br /> text-transform: none !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: none !important;<br /> <br /> pointer-events: none !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> REGION + THEME + COLLECTION CARDS<br /> Badge floats neatly in top-right corner<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> <br /> top: 8px !important;<br /> right: 8px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 30 !important;<br /> <br /> margin: 0 !important;<br /> <br /> background: rgba(248, 244, 232, 0.96) !important;<br /> <br /> box-shadow:<br /> 0 1px 3px rgba(0,0,0,0.10) !important;<br /> }<br /> <br /> <br /> /* Collection badge slightly stronger over photographs */<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 9px !important;<br /> right: 9px !important;<br /> <br /> background: rgba(250, 247, 238, 0.97) !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FEATURED ARTICLES<br /> Small badge sits neatly after title<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-article-title {<br /> display: flex !important;<br /> align-items: center !important;<br /> flex-wrap: wrap !important;<br /> <br /> column-gap: 5px !important;<br /> row-gap: 3px !important;<br /> }<br /> <br /> body.page-Main_Page .home-article-title .dev-article-badge {<br /> flex: 0 0 auto !important;<br /> <br /> padding: 2px 5px !important;<br /> <br /> font-size: 7px !important;<br /> <br /> vertical-align: middle !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> BROWSE / ABOUT / PROJECT LINKS<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .section-title-right,<br /> body.page-Main_Page .theme-title-right,<br /> body.page-Main_Page .home-browse-articles,<br /> body.page-Main_Page .home-info-link {<br /> display: flex !important;<br /> align-items: center !important;<br /> gap: 6px !important;<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> body.page-Main_Page .section-title-right .dev-inline-badge,<br /> body.page-Main_Page .theme-title-right .dev-inline-badge,<br /> body.page-Main_Page .home-browse-articles .dev-inline-badge,<br /> body.page-Main_Page .home-info-link .dev-inline-badge {<br /> margin-left: 2px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> COMMUNITY BUTTON<br /> Put badge above-right instead of after button text<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-community-button {<br /> position: relative !important;<br /> display: inline-block !important;<br /> }<br /> <br /> body.page-Main_Page .home-community-button .dev-inline-badge {<br /> position: absolute !important;<br /> <br /> top: -12px !important;<br /> right: -10px !important;<br /> <br /> z-index: 20 !important;<br /> <br /> margin: 0 !important;<br /> <br /> font-size: 7px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FOOTER<br /> Compact badges to avoid visual clutter<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-footer-links {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> flex-wrap: wrap !important;<br /> gap: 14px 22px !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> <br /> gap: 4px !important;<br /> <br /> white-space: nowrap !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-badge {<br /> padding: 2px 4px !important;<br /> <br /> font-size: 6px !important;<br /> <br /> opacity: 0.88 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> MOBILE<br /> --------------------------------------------------------- */<br /> <br /> @media (max-width: 700px) {<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> font-size: 7px !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 5px !important;<br /> right: 5px !important;<br /> }<br /> <br /> body.page-Main_Page .home-footer-links {<br /> gap: 10px 14px !important;<br /> }<br /> }<br /> /* =========================================================<br /> HIMALAYAS — MISSING PAGES / IN DEVELOPMENT<br /> ========================================================= */<br /> <br /> /* Missing MediaWiki pages */<br /> .hima-page a.new {<br /> color: #315f42 !important;<br /> text-decoration: none !important;<br /> opacity: 0.9 !important;<br /> }<br /> <br /> /* &quot;In development&quot; badge */<br /> .hima-page a.new::after {<br /> content: &quot;In development&quot; !important;<br /> <br /> display: inline-block !important;<br /> margin-left: 6px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> <br /> white-space: nowrap !important;<br /> vertical-align: middle !important;<br /> <br /> box-shadow: none !important;<br /> }</div>

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

<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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — FINAL IN DEVELOPMENT BADGES<br /> ========================================================= */<br /> <br /> /* Stop old automatic MediaWiki red-link badges causing duplicates */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Cards which have a badge in the upper-right corner */<br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Badges beside ordinary text links */<br /> body.page-Main_Page .dev-inline-badge {<br /> display: inline-block !important;<br /> width: auto !important;<br /> <br /> margin-left: 5px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> vertical-align: middle !important;<br /> white-space: nowrap !important;<br /> <br /> text-decoration: none !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Featured article badges — especially compact */<br /> body.page-Main_Page .dev-article-badge {<br /> margin-left: 4px !important;<br /> padding: 1px 5px !important;<br /> font-size: 7px !important;<br /> }<br /> <br /> /* Keep each footer link together with its badge */<br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> gap: 3px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* Footer badges need to be very small */<br /> body.page-Main_Page .dev-footer-badge {<br /> margin-left: 1px !important;<br /> padding: 1px 4px !important;<br /> font-size: 6px !important;<br /> }<br /> /* =========================================================<br /> EKOLOGOS MAIN PAGE — CLEAN IN DEVELOPMENT LABELS<br /> ========================================================= */<br /> <br /> /* Prevent old automatic red-link labels */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> STANDARD BADGE<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> box-sizing: border-box !important;<br /> <br /> display: inline-flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> width: auto !important;<br /> height: auto !important;<br /> <br /> padding: 3px 7px !important;<br /> margin: 0 !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1 !important;<br /> <br /> letter-spacing: 0.15px !important;<br /> text-transform: none !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: none !important;<br /> <br /> pointer-events: none !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> REGION + THEME + COLLECTION CARDS<br /> Badge floats neatly in top-right corner<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> <br /> top: 8px !important;<br /> right: 8px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 30 !important;<br /> <br /> margin: 0 !important;<br /> <br /> background: rgba(248, 244, 232, 0.96) !important;<br /> <br /> box-shadow:<br /> 0 1px 3px rgba(0,0,0,0.10) !important;<br /> }<br /> <br /> <br /> /* Collection badge slightly stronger over photographs */<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 9px !important;<br /> right: 9px !important;<br /> <br /> background: rgba(250, 247, 238, 0.97) !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FEATURED ARTICLES<br /> Small badge sits neatly after title<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-article-title {<br /> display: flex !important;<br /> align-items: center !important;<br /> flex-wrap: wrap !important;<br /> <br /> column-gap: 5px !important;<br /> row-gap: 3px !important;<br /> }<br /> <br /> body.page-Main_Page .home-article-title .dev-article-badge {<br /> flex: 0 0 auto !important;<br /> <br /> padding: 2px 5px !important;<br /> <br /> font-size: 7px !important;<br /> <br /> vertical-align: middle !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> BROWSE / ABOUT / PROJECT LINKS<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .section-title-right,<br /> body.page-Main_Page .theme-title-right,<br /> body.page-Main_Page .home-browse-articles,<br /> body.page-Main_Page .home-info-link {<br /> display: flex !important;<br /> align-items: center !important;<br /> gap: 6px !important;<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> body.page-Main_Page .section-title-right .dev-inline-badge,<br /> body.page-Main_Page .theme-title-right .dev-inline-badge,<br /> body.page-Main_Page .home-browse-articles .dev-inline-badge,<br /> body.page-Main_Page .home-info-link .dev-inline-badge {<br /> margin-left: 2px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> COMMUNITY BUTTON<br /> Put badge above-right instead of after button text<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-community-button {<br /> position: relative !important;<br /> display: inline-block !important;<br /> }<br /> <br /> body.page-Main_Page .home-community-button .dev-inline-badge {<br /> position: absolute !important;<br /> <br /> top: -12px !important;<br /> right: -10px !important;<br /> <br /> z-index: 20 !important;<br /> <br /> margin: 0 !important;<br /> <br /> font-size: 7px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FOOTER<br /> Compact badges to avoid visual clutter<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-footer-links {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> flex-wrap: wrap !important;<br /> gap: 14px 22px !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> <br /> gap: 4px !important;<br /> <br /> white-space: nowrap !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-badge {<br /> padding: 2px 4px !important;<br /> <br /> font-size: 6px !important;<br /> <br /> opacity: 0.88 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> MOBILE<br /> --------------------------------------------------------- */<br /> <br /> @media (max-width: 700px) {<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> font-size: 7px !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 5px !important;<br /> right: 5px !important;<br /> }<br /> <br /> body.page-Main_Page .home-footer-links {<br /> gap: 10px 14px !important;<br /> }<br /> }<br /> /* =========================================================<br /> HIMALAYAS — MISSING PAGES / IN DEVELOPMENT<br /> ========================================================= */<br /> <br /> /* Missing MediaWiki pages */<br /> .hima-page a.new {<br /> color: #315f42 !important;<br /> text-decoration: none !important;<br /> cursor: default !important;<br /> pointer-events: none !important;<br /> opacity: 0.9 !important;<br /> }<br /> <br /> /* &quot;In development&quot; badge */<br /> .hima-page a.new::after {<br /> content: &quot;In development&quot; !important;<br /> <br /> display: inline-block !important;<br /> margin-left: 6px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.1 !important;<br /> <br /> white-space: nowrap !important;<br /> vertical-align: middle !important;<br /> <br /> box-shadow: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Nagaland_%26_Indo%E2%80%93Myanmar_Highlands&diff=427 2026-09-09T08:16:13Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;hima-page&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-hero&quot;&gt;<br /> &lt;div class=&quot;hima-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-inner&quot;&gt;<br /> &lt;div class=&quot;hima-hero-copy&quot;&gt;<br /> &lt;div class=&quot;hima-title&quot;&gt;Himalayas&lt;/div&gt;<br /> &lt;div class=&quot;hima-gold-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;hima-hero-intro&quot;&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-content&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-intro-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-main-intro&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Kohima&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute (THI), based in Kohima, Nagaland, India, is an independent interdisciplinary research centre and a key partner institution within the Ekologos Project. Through collaborative research, education, and public engagement, the Institute contributes to the development of environmental humanities, social science, and community-based research across Northeast India and beyond. The Institute also publishes the &lt;em&gt;Highlander Journal&lt;/em&gt;, a platform for scholarly and public-facing research on the Himalayan and Highland regions.&lt;/p&gt;<br /> <br /> &lt;p&gt;Established as an independent research organisation, THI works closely with academic institutions, governmental agencies, and civil society organisations in India and internationally to design and implement long-term field-based research. Research findings are disseminated through peer-reviewed publications, academic conferences, policy dialogues, public engagement initiatives, and multimedia outputs. Supported by an international network of research fellows and collaborators, the Institute facilitates collaborative research projects, scholarly exchanges, postgraduate training programmes, and community-engaged initiatives.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance&quot;&gt;<br /> &lt;div class=&quot;hima-glance-title&quot;&gt;At a Glance&lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Location&lt;/strong&gt;&lt;span&gt;Kohima, Nagaland, India&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Focus&lt;/strong&gt;&lt;span&gt;Interdisciplinary research and community engagement&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Established&lt;/strong&gt;&lt;span&gt;Independent research organisation&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Publication&lt;/strong&gt;&lt;span&gt;&lt;em&gt;Highlander Journal&lt;/em&gt;&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-glance-item&quot;&gt;<br /> &lt;div class=&quot;hima-small-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;&lt;strong&gt;Scope&lt;/strong&gt;&lt;span&gt;Himalayan and Highland regions&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Research Themes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list&quot;&gt;<br /> &lt;li&gt;Environmental Humanities&lt;/li&gt;<br /> &lt;li&gt;Climate Change and Adaptation&lt;/li&gt;<br /> &lt;li&gt;Borderland Studies&lt;/li&gt;<br /> &lt;li&gt;Indigenous and Traditional Ecological Knowledge&lt;/li&gt;<br /> &lt;li&gt;Public Health and Wellbeing&lt;/li&gt;<br /> &lt;li&gt;Conflict, Peacebuilding and Security&lt;/li&gt;<br /> &lt;li&gt;Heritage, Archives and Material Culture&lt;/li&gt;<br /> &lt;li&gt;Sustainable Development and Food Security&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Major Research Projects&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;hima-subheading&quot;&gt;Climate, Environment and Sustainability&lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Earthkeepers]]&lt;/li&gt;<br /> &lt;li&gt;[[Myanmar, Climate Actions, Conflict and Peacebuilding (MyCClimate)]]&lt;/li&gt;<br /> &lt;li&gt;[[New Insights on Climate Change Adaptation Strategies for Food Security in Northeast India]]&lt;/li&gt;<br /> &lt;li&gt;[[International Climate Protection Fellowship Project]]&lt;/li&gt;<br /> &lt;li&gt;[[Study on Nutrition Determinants and Strategies in the North-East of India|Study on Nutrition Determinants and Strategies in the Northeast of India]]&lt;/li&gt;<br /> &lt;li&gt;[[Urbaltour]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Heritage, Memory and Archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[War Residues: Repurposed Objects and Memories of a Global War along the Highland Naga-Myanmar Border]]&lt;/li&gt;<br /> &lt;li&gt;[[Recirculating J. H. Hutton's Cylinder Recordings in Nagaland]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;♥&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Health and Wellbeing&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Global Impact Accelerator – The Naga Women's Health Channel]]&lt;/li&gt;<br /> &lt;li&gt;[[HIV Infection Amongst Children (2–14 Years): A Cross-Sectional Study in Kohima District]]&lt;/li&gt;<br /> &lt;li&gt;[[Comparative Study on HIV Case Detection Through Outreach Innovation and Traditional Systems in Noklak District]]&lt;/li&gt;<br /> &lt;li&gt;[[Mixed Methods Study on Surgical Care in Rural Areas of North-Eastern India]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◈&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Society, Security and Governance&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Soldier Citizens: Nagas in India's Border Security Force]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Youth, Arts and Participation&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Participatory Arts Research Project (Youth Research Board under CTS)]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-two-column&quot;&gt;<br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Education and Capacity Building&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Highland Institute supports research training and postgraduate education through fellowships, internships, workshops, Winter Schools, and its annual Summer School programme. These initiatives provide opportunities for students, early-career researchers, and professionals to develop skills in interdisciplinary research, critical thinking, ethnographic methods, academic writing, and data analysis.&lt;/p&gt;<br /> <br /> &lt;p&gt;The Institute's School of Advanced Studies, Summer School, serves as a flagship training programme, bringing together participants from diverse academic and professional backgrounds for intensive training in research design, fieldwork methods, research ethics, and knowledge production.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;hima-main-article&quot;&gt;Main article: [[School of Advanced Studies]], [[Summer School]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;✣&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Related Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;ul class=&quot;hima-list hima-links&quot;&gt;<br /> &lt;li&gt;[[Winter School]]&lt;/li&gt;<br /> &lt;li&gt;[[Postgraduate Certificate in Research]]&lt;/li&gt;<br /> &lt;li&gt;[[Ekologos]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;hima-section hima-publications&quot;&gt;<br /> &lt;div class=&quot;hima-heading-row&quot;&gt;<br /> &lt;div class=&quot;hima-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;hima-heading&quot;&gt;Publications and Knowledge Outputs&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The Institute disseminates research through academic journals, policy reports, books, documentary films, multimedia archives, and public engagement activities. The &lt;em&gt;Highlander Journal&lt;/em&gt; serves as one of the Institute's primary platforms for sharing original research and critical scholarship.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=426 2026-09-09T05:52:17Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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 and 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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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 and &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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;dev-badge&quot;&gt;In development&lt;/div&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]]&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=425 2026-09-08T11:23: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — FINAL IN DEVELOPMENT BADGES<br /> ========================================================= */<br /> <br /> /* Stop old automatic MediaWiki red-link badges causing duplicates */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Cards which have a badge in the upper-right corner */<br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Badges beside ordinary text links */<br /> body.page-Main_Page .dev-inline-badge {<br /> display: inline-block !important;<br /> width: auto !important;<br /> <br /> margin-left: 5px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> vertical-align: middle !important;<br /> white-space: nowrap !important;<br /> <br /> text-decoration: none !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Featured article badges — especially compact */<br /> body.page-Main_Page .dev-article-badge {<br /> margin-left: 4px !important;<br /> padding: 1px 5px !important;<br /> font-size: 7px !important;<br /> }<br /> <br /> /* Keep each footer link together with its badge */<br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> gap: 3px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* Footer badges need to be very small */<br /> body.page-Main_Page .dev-footer-badge {<br /> margin-left: 1px !important;<br /> padding: 1px 4px !important;<br /> font-size: 6px !important;<br /> }<br /> /* =========================================================<br /> EKOLOGOS MAIN PAGE — CLEAN IN DEVELOPMENT LABELS<br /> ========================================================= */<br /> <br /> /* Prevent old automatic red-link labels */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> STANDARD BADGE<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> box-sizing: border-box !important;<br /> <br /> display: inline-flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> width: auto !important;<br /> height: auto !important;<br /> <br /> padding: 3px 7px !important;<br /> margin: 0 !important;<br /> <br /> background: #f1ead7 !important;<br /> border: 1px solid #ded3b5 !important;<br /> border-radius: 999px !important;<br /> <br /> color: #78652d !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1 !important;<br /> <br /> letter-spacing: 0.15px !important;<br /> text-transform: none !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: none !important;<br /> <br /> pointer-events: none !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> REGION + THEME + COLLECTION CARDS<br /> Badge floats neatly in top-right corner<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> <br /> top: 8px !important;<br /> right: 8px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 30 !important;<br /> <br /> margin: 0 !important;<br /> <br /> background: rgba(248, 244, 232, 0.96) !important;<br /> <br /> box-shadow:<br /> 0 1px 3px rgba(0,0,0,0.10) !important;<br /> }<br /> <br /> <br /> /* Collection badge slightly stronger over photographs */<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 9px !important;<br /> right: 9px !important;<br /> <br /> background: rgba(250, 247, 238, 0.97) !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FEATURED ARTICLES<br /> Small badge sits neatly after title<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-article-title {<br /> display: flex !important;<br /> align-items: center !important;<br /> flex-wrap: wrap !important;<br /> <br /> column-gap: 5px !important;<br /> row-gap: 3px !important;<br /> }<br /> <br /> body.page-Main_Page .home-article-title .dev-article-badge {<br /> flex: 0 0 auto !important;<br /> <br /> padding: 2px 5px !important;<br /> <br /> font-size: 7px !important;<br /> <br /> vertical-align: middle !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> BROWSE / ABOUT / PROJECT LINKS<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .section-title-right,<br /> body.page-Main_Page .theme-title-right,<br /> body.page-Main_Page .home-browse-articles,<br /> body.page-Main_Page .home-info-link {<br /> display: flex !important;<br /> align-items: center !important;<br /> gap: 6px !important;<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> body.page-Main_Page .section-title-right .dev-inline-badge,<br /> body.page-Main_Page .theme-title-right .dev-inline-badge,<br /> body.page-Main_Page .home-browse-articles .dev-inline-badge,<br /> body.page-Main_Page .home-info-link .dev-inline-badge {<br /> margin-left: 2px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> COMMUNITY BUTTON<br /> Put badge above-right instead of after button text<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-community-button {<br /> position: relative !important;<br /> display: inline-block !important;<br /> }<br /> <br /> body.page-Main_Page .home-community-button .dev-inline-badge {<br /> position: absolute !important;<br /> <br /> top: -12px !important;<br /> right: -10px !important;<br /> <br /> z-index: 20 !important;<br /> <br /> margin: 0 !important;<br /> <br /> font-size: 7px !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> FOOTER<br /> Compact badges to avoid visual clutter<br /> --------------------------------------------------------- */<br /> <br /> body.page-Main_Page .home-footer-links {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> <br /> flex-wrap: wrap !important;<br /> gap: 14px 22px !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> <br /> gap: 4px !important;<br /> <br /> white-space: nowrap !important;<br /> }<br /> <br /> body.page-Main_Page .dev-footer-badge {<br /> padding: 2px 4px !important;<br /> <br /> font-size: 6px !important;<br /> <br /> opacity: 0.88 !important;<br /> }<br /> <br /> <br /> /* ---------------------------------------------------------<br /> MOBILE<br /> --------------------------------------------------------- */<br /> <br /> @media (max-width: 700px) {<br /> <br /> body.page-Main_Page .dev-badge,<br /> body.page-Main_Page .dev-inline-badge {<br /> font-size: 7px !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> top: 5px !important;<br /> right: 5px !important;<br /> }<br /> <br /> body.page-Main_Page .home-footer-links {<br /> gap: 10px 14px !important;<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=424 2026-09-08T10:43:11Z

<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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — FINAL IN DEVELOPMENT BADGES<br /> ========================================================= */<br /> <br /> /* Stop old automatic MediaWiki red-link badges causing duplicates */<br /> body.page-Main_Page a.new::after {<br /> content: none !important;<br /> display: none !important;<br /> }<br /> <br /> body.page-Main_Page a.new {<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Cards which have a badge in the upper-right corner */<br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card,<br /> body.page-Main_Page .collection-card {<br /> position: relative !important;<br /> }<br /> <br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge,<br /> body.page-Main_Page .collection-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Badges beside ordinary text links */<br /> body.page-Main_Page .dev-inline-badge {<br /> display: inline-block !important;<br /> width: auto !important;<br /> <br /> margin-left: 5px !important;<br /> padding: 2px 6px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 8px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> vertical-align: middle !important;<br /> white-space: nowrap !important;<br /> <br /> text-decoration: none !important;<br /> pointer-events: none !important;<br /> }<br /> <br /> /* Featured article badges — especially compact */<br /> body.page-Main_Page .dev-article-badge {<br /> margin-left: 4px !important;<br /> padding: 1px 5px !important;<br /> font-size: 7px !important;<br /> }<br /> <br /> /* Keep each footer link together with its badge */<br /> body.page-Main_Page .dev-footer-item {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> gap: 3px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* Footer badges need to be very small */<br /> body.page-Main_Page .dev-footer-badge {<br /> margin-left: 1px !important;<br /> padding: 1px 4px !important;<br /> font-size: 6px !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=423 2026-09-08T10:42:16Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge dev-article-badge&quot;&gt;In development&lt;/span&gt;&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;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;&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]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 →]] &lt;span class=&quot;dev-inline-badge&quot;&gt;In development&lt;/span&gt;<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 /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[About|About]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contribute|How to Contribute]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Community Guidelines|Community Guidelines]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Contact|Contact]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<br /> &lt;span class=&quot;dev-footer-item&quot;&gt;[[Privacy policy|Privacy]] &lt;span class=&quot;dev-inline-badge dev-footer-badge&quot;&gt;In development&lt;/span&gt;&lt;/span&gt;<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=422 2026-09-08T10:25: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — IN DEVELOPMENT BADGES<br /> Applied only to cards explicitly marked in Main Page HTML<br /> ========================================================= */<br /> <br /> body.page-Main_Page .eko-card,<br /> body.page-Main_Page .theme-card {<br /> position: relative !important;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page .eko-card &gt; .dev-badge,<br /> body.page-Main_Page .theme-card &gt; .dev-badge {<br /> position: absolute !important;<br /> top: 7px !important;<br /> right: 7px !important;<br /> left: auto !important;<br /> bottom: auto !important;<br /> <br /> z-index: 50 !important;<br /> <br /> display: inline-block !important;<br /> width: auto !important;<br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 3px 7px !important;<br /> <br /> background: #eee8d8 !important;<br /> color: #6b5a2b !important;<br /> <br /> border: 1px solid #e0d7bd !important;<br /> border-radius: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 9px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.2 !important;<br /> text-align: center !important;<br /> text-decoration: none !important;<br /> <br /> white-space: nowrap !important;<br /> <br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;<br /> pointer-events: none !important;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Main_Page&diff=421 2026-09-08T10:10:23Z

<p>Admin: </p> <hr /> <div>__NOTOC__<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 /> &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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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 /> &lt;div class=&quot;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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;dev-badge&quot;&gt;In development&lt;/div&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=420 2026-09-08T09:43: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> body.page-Main_Page a.new {<br /> pointer-events: none;<br /> cursor: default;<br /> text-decoration: none !important;<br /> opacity: 0.7;<br /> }<br /> <br /> body.page-Main_Page a.new::after {<br /> content: &quot;In development&quot;;<br /> display: inline-block;<br /> margin-left: 6px;<br /> padding: 2px 7px;<br /> border-radius: 10px;<br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> font-size: 10px;<br /> font-weight: 600;<br /> white-space: nowrap;<br /> }<br /> /* =========================================================<br /> MAIN PAGE — INDIVIDUAL &quot;IN DEVELOPMENT&quot; BADGES<br /> Himalayas is intentionally excluded<br /> ========================================================= */<br /> <br /> body.page-Main_Page a[href*=&quot;Arctic&quot;],<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;],<br /> body.page-Main_Page a[href*=&quot;South_India&quot;],<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;],<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;],<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;],<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;],<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;],<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;],<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;],<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;],<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;],<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;],<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;],<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;] {<br /> position: relative;<br /> }<br /> <br /> /* Badge */<br /> body.page-Main_Page a[href*=&quot;Arctic&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Amazonia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;South_India&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Southeast_Asia&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;All_Regions&quot;]::after,<br /> <br /> body.page-Main_Page a[href*=&quot;Biodiversity&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Water_Systems&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fire_%26_Land_Management&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Forest_Knowledge&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Fisheries&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Animal_Relations&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Climate_Change&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Agriculture&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Traditional_Medicine&quot;]::after,<br /> body.page-Main_Page a[href*=&quot;Dreams_%26_Cosmologies&quot;]::after {<br /> content: &quot;In development&quot;;<br /> position: absolute;<br /> top: 7px;<br /> right: 7px;<br /> z-index: 10;<br /> <br /> padding: 3px 7px;<br /> border-radius: 10px;<br /> <br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> <br /> font-size: 9px;<br /> font-weight: 600;<br /> line-height: 1.2;<br /> white-space: nowrap;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=419 2026-09-08T09:09: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }<br /> /* Main Page: mark missing pages as In development */<br /> body.page-Main_Page a.new {<br /> pointer-events: none;<br /> cursor: default;<br /> text-decoration: none !important;<br /> opacity: 0.7;<br /> }<br /> <br /> body.page-Main_Page a.new::after {<br /> content: &quot;In development&quot;;<br /> display: inline-block;<br /> margin-left: 6px;<br /> padding: 2px 7px;<br /> border-radius: 10px;<br /> background: #eee8d8;<br /> color: #6b5a2b;<br /> font-size: 10px;<br /> font-weight: 600;<br /> white-space: nowrap;<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=418 2026-08-27T06:47: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PAGE — CLEAN LAYOUT FIX<br /> MediaWiki-safe flex arrangement<br /> ========================================================== */<br /> <br /> <br /> /* Remove MediaWiki-generated empty paragraph elements */<br /> .ekp-page .ekp-two-column &gt; p,<br /> .ekp-page .ekp-three-grid &gt; p,<br /> .ekp-page .ekp-lower-grid &gt; p {<br /> display: none !important;<br /> width: 0 !important;<br /> height: 0 !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> /* Make sure panels are never floated */<br /> .ekp-page .ekp-panel {<br /> float: none !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 50% !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px 24px !important;<br /> <br /> box-sizing: border-box !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-activities {<br /> width: 100% !important;<br /> <br /> margin: 18px 0 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-activity-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(6, minmax(0, 1fr)) !important;<br /> <br /> gap: 13px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION + KNOWLEDGE + PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-three-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> flex: 1 1 0 !important;<br /> <br /> width: 33.333% !important;<br /> min-width: 0 !important;<br /> <br /> height: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 22px !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-page .ekp-lower-grid {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> width: 100% !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Partner Institutions — larger left box */<br /> .ekp-page .ekp-partners {<br /> flex: 2 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Related Topics — smaller right box */<br /> .ekp-page .ekp-topics {<br /> flex: 1 1 0 !important;<br /> <br /> width: auto !important;<br /> min-width: 260px !important;<br /> <br /> margin: 0 !important;<br /> <br /> grid-column: auto !important;<br /> grid-row: auto !important;<br /> }<br /> <br /> <br /> /* Partner institutions within left box */<br /> .ekp-page .ekp-partner-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> <br /> gap: 0 24px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-wrap: wrap !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 calc(50% - 9px) !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-lower-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partners,<br /> .ekp-page .ekp-topics {<br /> width: 100% !important;<br /> min-width: 0 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-page .ekp-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-two-column &gt; .ekp-panel {<br /> width: 100% !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid {<br /> flex-direction: column !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-three-grid &gt; .ekp-panel {<br /> width: 100% !important;<br /> flex: 0 0 auto !important;<br /> }<br /> <br /> <br /> .ekp-page .ekp-partner-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .ekp-page .ekp-activity-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr)) !important;<br /> }<br /> <br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=MediaWiki:Common.css&diff=417 2026-08-27T05:32: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 /> <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: 560px;<br /> height: 560px;<br /> max-height: 560px;<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: 1000px;<br /> <br /> margin: 0 auto !important;<br /> padding: 40px 30px;<br /> <br /> box-sizing: border-box;<br /> <br /> text-align: center !important;<br /> }<br /> .eko-content .hero-title-main {<br /> margin: 0 0 8px !important;<br /> }<br /> <br /> .eko-content .hero-title-sub {<br /> margin: 0 0 16px !important;<br /> }<br /> <br /> .eko-content &gt; p {<br /> margin: 0 auto !important;<br /> }<br /> <br /> .eko-search-form {<br /> margin: 24px auto 0 !important;<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: 20px 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 /> <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 /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR — OVERLAY HERO<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-navbar-overlay {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> z-index: 1000 !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> }<br /> /* ==========================================================<br /> REMOVE CHAMELEON SPACE ABOVE MAIN CONTENT<br /> ========================================================== */<br /> <br /> .page-Main_Page .flex-fill {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> height: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child &gt; * {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:first-child .siteNotice {<br /> display: none !important;<br /> }<br /> <br /> .page-Main_Page .flex-fill &gt; .row:nth-child(2) {<br /> margin-top: 0 !important;<br /> padding-top: 0 !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS NAVBAR BRAND — FINAL<br /> ========================================================== */<br /> <br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> }<br /> <br /> /* Logo + EKOLOGOS WIKI together */<br /> .page-Main_Page .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Logo */<br /> .page-Main_Page .navbar-brand img,<br /> .page-Main_Page .navbar-brand .mw-wiki-logo,<br /> .page-Main_Page #p-logo img {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI label */<br /> .page-Main_Page .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> <br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> <br /> /* ==========================================================<br /> EKOLOGOS HERO SEARCH — FINAL<br /> Move Chameleon search from navbar into hero<br /> ========================================================== */<br /> <br /> /* Navbar remains transparent */<br /> .page-Main_Page .navbar {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> z-index: 1000 !important;<br /> background: transparent !important;<br /> overflow: visible !important;<br /> }<br /> <br /> /* Move the EXISTING Chameleon search into the hero */<br /> .page-Main_Page #p-search {<br /> position: absolute !important;<br /> <br /> top: 300px !important;<br /> left: 50% !important;<br /> <br /> transform: translateX(-50%) !important;<br /> <br /> width: 750px !important;<br /> max-width: calc(100% - 40px) !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> float: none !important;<br /> <br /> z-index: 2000 !important;<br /> }<br /> <br /> /* Search form */<br /> .page-Main_Page #p-search form {<br /> display: flex !important;<br /> <br /> width: 100% !important;<br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: #ffffff !important;<br /> <br /> border-radius: 12px !important;<br /> overflow: hidden !important;<br /> <br /> box-shadow: 0 4px 15px rgba(0,0,0,.20) !important;<br /> }<br /> <br /> /* Search input */<br /> .page-Main_Page #p-search input[type=&quot;search&quot;],<br /> .page-Main_Page #p-search input[type=&quot;text&quot;] {<br /> flex: 1 1 auto !important;<br /> <br /> width: auto !important;<br /> min-width: 0 !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 20px !important;<br /> <br /> border: none !important;<br /> outline: none !important;<br /> box-shadow: none !important;<br /> <br /> background: #ffffff !important;<br /> <br /> color: #333333 !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> }<br /> <br /> /* Placeholder */<br /> .page-Main_Page #p-search input::placeholder {<br /> color: #777777 !important;<br /> opacity: 1 !important;<br /> }<br /> <br /> /* Search button */<br /> .page-Main_Page #p-search button,<br /> .page-Main_Page #p-search input[type=&quot;submit&quot;] {<br /> flex: 0 0 70px !important;<br /> <br /> width: 70px !important;<br /> min-width: 70px !important;<br /> <br /> height: 54px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border: none !important;<br /> border-radius: 0 !important;<br /> <br /> background: var(--eko-green) !important;<br /> <br /> color: #ffffff !important;<br /> <br /> cursor: pointer !important;<br /> }<br /> /* ==========================================================<br /> HERO — FINAL DESKTOP LAYOUT<br /> ========================================================== */<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 560px !important;<br /> height: 560px !important;<br /> max-height: 560px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> .page-Main_Page .eko-content {<br /> max-width: 1000px !important;<br /> padding: 0 30px !important;<br /> }<br /> <br /> /* Main title */<br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 60px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.05 !important;<br /> <br /> margin: 0 0 4px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Subtitle */<br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 50px !important;<br /> font-weight: 500 !important;<br /> line-height: 1.08 !important;<br /> <br /> margin: 0 0 16px 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Description */<br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 900px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 0 !important;<br /> <br /> font-size: 20px !important;<br /> line-height: 1.45 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TABLET<br /> ========================================================== */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 300px !important;<br /> height: auto !important;<br /> max-height: none !important;<br /> padding: 80px 24px 42px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 44px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 5px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 34px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 14px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 680px !important;<br /> font-size: 16px !important;<br /> line-height: 1.45 !important;<br /> }<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MOBILE<br /> ========================================================== */<br /> <br /> @media (max-width: 480px) {<br /> <br /> .page-Main_Page .eko-hero {<br /> min-height: 280px !important;<br /> height: auto !important;<br /> padding: 72px 18px 36px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-main {<br /> font-size: 36px !important;<br /> line-height: 1.05 !important;<br /> margin-bottom: 4px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content .hero-title-sub {<br /> font-size: 27px !important;<br /> line-height: 1.1 !important;<br /> margin-bottom: 12px !important;<br /> }<br /> <br /> .page-Main_Page .eko-content &gt; p {<br /> max-width: 100% !important;<br /> font-size: 15px !important;<br /> line-height: 1.4 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — UNIVERSAL ON ALL PAGES<br /> ========================================================== */<br /> <br /> .navbar-brand {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> <br /> height: 70px !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> <br /> position: relative !important;<br /> }<br /> <br /> /* Ekologos logo */<br /> .navbar-brand img,<br /> .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> <br /> height: 70px !important;<br /> width: auto !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> object-fit: contain !important;<br /> background-size: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text */<br /> .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> <br /> display: block !important;<br /> white-space: pre !important;<br /> <br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> <br /> text-align: left !important;<br /> <br /> position: static !important;<br /> }<br /> /* ==========================================================<br /> EKOLOGOS BRAND — ALL PAGES, FINAL<br /> ========================================================== */<br /> <br /> /* Logo container */<br /> .navbar #p-logo {<br /> display: flex !important;<br /> align-items: center !important;<br /> height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 8px !important;<br /> }<br /> <br /> /* Logo image */<br /> .navbar #p-logo img,<br /> .navbar #p-logo .mw-wiki-logo,<br /> .navbar .navbar-brand img,<br /> .navbar .navbar-brand .mw-wiki-logo {<br /> display: block !important;<br /> height: 70px !important;<br /> width: auto !important;<br /> max-height: 70px !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> }<br /> <br /> /* EKOLOGOS WIKI text beside logo */<br /> .navbar #p-logo::after,<br /> .navbar .navbar-brand::after {<br /> content: &quot;EKOLOGOS\A WIKI&quot; !important;<br /> display: block !important;<br /> white-space: pre !important;<br /> margin-left: 10px !important;<br /> <br /> font-family: Arial, sans-serif !important;<br /> font-size: 17px !important;<br /> font-weight: 700 !important;<br /> line-height: 0.95 !important;<br /> letter-spacing: 3px !important;<br /> <br /> color: #23492F !important;<br /> text-align: left !important;<br /> }<br /> /* ==========================================================<br /> POSTGRADUATE CERTIFICATE IN RESEARCH<br /> CLEAN FINAL BASE<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research #firstHeading,<br /> .page-Postgraduate_Certificate_in_Research #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research #content,<br /> .page-Postgraduate_Certificate_in_Research #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #29352f;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> REMOVE ACCIDENTAL MEDIAWIKI PREFORMATTING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: contents !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(12,40,32,.84) 0%,<br /> rgba(17,42,37,.65) 52%,<br /> rgba(17,31,29,.42) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/thumb/5/54/FilePGCertR-Hero.jpg/800px-FilePGCertR-Hero.jpg?20260825055157&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* Hero content — ONE COLUMN for now */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 34px 60px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100%;<br /> max-width: 780px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> <br /> /*<br /> Hide the broken/duplicated hero card.<br /> We already have Programme at a glance below.<br /> */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO TYPOGRAPHY<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-kicker {<br /> margin: 0 0 10px;<br /> <br /> color: #e0b45b;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.02;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title-accent {<br /> width: 52px;<br /> height: 3px;<br /> <br /> margin: 18px 0 16px;<br /> <br /> background: #d9aa4d;<br /> border-radius: 2px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> margin: 0 0 11px;<br /> <br /> color: #edc46d;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> FIVE PROGRAMME FACTS<br /> NO OVERLAP<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> position: relative;<br /> z-index: 3;<br /> <br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 0 auto;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0,1fr));<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-top: none;<br /> border-radius: 0 0 13px 13px;<br /> <br /> box-shadow: 0 9px 25px rgba(0,0,0,.09);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> min-height: 118px;<br /> <br /> padding: 18px 15px;<br /> <br /> text-align: center;<br /> <br /> border-right: 1px solid rgba(35,73,47,.13);<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:last-child {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-icon {<br /> margin: 0 0 7px;<br /> <br /> color: #295536;<br /> <br /> font-size: 25px;<br /> line-height: 1;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-title {<br /> margin: 0 0 5px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 15px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact-text {<br /> margin: 0;<br /> <br /> color: #5a625d;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> width: calc(100% - 44px);<br /> max-width: 1120px;<br /> <br /> margin: 42px auto 70px;<br /> padding: 0;<br /> <br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr) 310px;<br /> gap: 38px;<br /> align-items: start;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-content {<br /> min-width: 0;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> margin: 0 0 14px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-heading-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> flex: 0 0 34px;<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro {<br /> padding-bottom: 18px;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.15);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p {<br /> margin: 0 0 12px !important;<br /> <br /> color: #343c38;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-intro p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTICIPANT SUPPORT<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-heading {<br /> margin-top: 22px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> column-gap: 28px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-item {<br /> min-height: 58px;<br /> <br /> padding: 11px 0;<br /> <br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.11);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-icon {<br /> width: 30px;<br /> height: 30px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #295536;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> COMPLETION MESSAGE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion {<br /> margin-top: 20px;<br /> padding: 16px 18px;<br /> <br /> display: grid;<br /> grid-template-columns: 40px 1fr;<br /> gap: 12px;<br /> align-items: center;<br /> <br /> background: #e9eee9;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 10px;<br /> <br /> color: #3e4742;<br /> <br /> font-size: 12px;<br /> line-height: 1.5;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-completion-icon {<br /> width: 38px;<br /> height: 38px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROGRAMME AT A GLANCE SIDEBAR<br /> ---------------------------------------------------------- */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar {<br /> width: 100%;<br /> <br /> padding: 24px;<br /> <br /> background: #edf1ed;<br /> <br /> border: 1px solid rgba(35,73,47,.09);<br /> border-radius: 14px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-title {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 21px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-line {<br /> width: 34px;<br /> height: 2px;<br /> <br /> margin: 11px 0 7px;<br /> <br /> background: #d9aa4d;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> display: block;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-sidebar-item span {<br /> color: #505a54;<br /> <br /> font-size: 12px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 400px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 45px 24px 50px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 46px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> width: calc(100% - 30px);<br /> <br /> border-radius: 0 0 10px 10px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact:nth-child(2n) {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-main-grid {<br /> grid-template-columns: 1fr;<br /> <br /> width: calc(100% - 34px);<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> min-height: 380px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> padding: 38px 20px 44px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-title {<br /> font-size: 38px;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline {<br /> font-size: 18px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-facts {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-fact {<br /> border-right: none;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-support-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-section-heading {<br /> font-size: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — REMOVE HERO CARD + SHORTEN HERO<br /> ========================================================== */<br /> <br /> /* Remove Programme at a Glance from inside the hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-card {<br /> display: none !important;<br /> }<br /> <br /> /* Shorter hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 360px !important;<br /> min-height: 360px !important;<br /> max-height: 360px !important;<br /> overflow: hidden !important;<br /> }<br /> <br /> /* Centre hero text vertically */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> width: 100% !important;<br /> max-width: 1180px !important;<br /> <br /> height: 360px !important;<br /> min-height: 360px !important;<br /> <br /> margin: 0 auto !important;<br /> padding: 32px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* Give the text more width now that the right card is gone */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-copy {<br /> width: 100% !important;<br /> max-width: 800px !important;<br /> padding: 0 !important;<br /> }<br /> @media (max-width: 600px) {<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> max-height: none !important;<br /> }<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: auto !important;<br /> min-height: 330px !important;<br /> padding: 38px 20px !important;<br /> }<br /> }<br /> /* ==========================================================<br /> PGCertR — FIX MEDIAWIKI PREFORMATTED TEXT<br /> ========================================================== */<br /> <br /> .page-Postgraduate_Certificate_in_Research .pgcert-page pre {<br /> display: block !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: 0 !important;<br /> box-shadow: none !important;<br /> <br /> font-family: inherit !important;<br /> font-size: inherit !important;<br /> font-weight: inherit !important;<br /> line-height: inherit !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> <br /> <br /> /* Hero title */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Gold subtitle */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #edc46d !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> <br /> /* White description */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: rgba(255,255,255,.96) !important;<br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 400 !important;<br /> line-height: 1.55 !important;<br /> }<br /> /* ==========================================================<br /> PGCertR — HERO TEXT + HEIGHT<br /> ========================================================== */<br /> <br /> /* Slightly taller hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> max-height: 410px !important;<br /> }<br /> <br /> /* Keep content vertically centred */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-inner {<br /> height: 410px !important;<br /> min-height: 410px !important;<br /> <br /> padding: 45px 34px !important;<br /> <br /> display: flex !important;<br /> align-items: center !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Main title — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-title pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 58px !important;<br /> font-weight: 700 !important;<br /> line-height: 1.02 !important;<br /> }<br /> <br /> <br /> /* Subtitle — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-tagline pre {<br /> color: #ffffff !important;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif !important;<br /> font-size: 21px !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> <br /> /* Description — white */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text,<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero-text pre {<br /> color: #ffffff !important;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif !important;<br /> font-size: 16px !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> <br /> /* Prevent MediaWiki preformatted styling inside hero */<br /> .page-Postgraduate_Certificate_in_Research .pgcert-hero pre {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> background: transparent !important;<br /> border: none !important;<br /> <br /> color: inherit !important;<br /> <br /> white-space: normal !important;<br /> overflow: visible !important;<br /> }<br /> /* ==========================================================<br /> HIMALAYAS PAGE — EKOLOGOS<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE RESET<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas #firstHeading,<br /> .page-Himalayas #contentSub {<br /> display: none !important;<br /> }<br /> <br /> .page-Himalayas .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas #content,<br /> .page-Himalayas #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .page-Himalayas .hima-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 360px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(10,46,35,.86) 0%,<br /> rgba(20,48,40,.62) 43%,<br /> rgba(8,25,25,.20) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/7/79/Himalayas.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center 48%;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .page-Himalayas .hima-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: 100%;<br /> max-width: 1160px;<br /> min-height: 360px;<br /> <br /> margin: 0 auto;<br /> padding: 58px 32px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .page-Himalayas .hima-hero-copy {<br /> width: 100%;<br /> max-width: 650px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 700;<br /> line-height: 1.05;<br /> }<br /> <br /> .page-Himalayas .hima-gold-line {<br /> width: 52px;<br /> height: 4px;<br /> <br /> margin: 22px 0 18px;<br /> <br /> background: #ddb04d;<br /> border-radius: 3px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> max-width: 620px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.58;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT CONTAINER<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 50px);<br /> max-width: 1160px;<br /> <br /> margin: 0 auto;<br /> padding: 42px 0 65px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> KOHIMA + AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,1.8fr) minmax(280px,.72fr);<br /> <br /> gap: 52px;<br /> align-items: start;<br /> <br /> margin-bottom: 38px;<br /> }<br /> <br /> .page-Himalayas .hima-main-intro p,<br /> .page-Himalayas .hima-section p {<br /> margin: 13px 0 0 !important;<br /> <br /> color: #303934;<br /> <br /> font-size: 14px;<br /> line-height: 1.65;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADING<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 9px;<br /> }<br /> <br /> .page-Himalayas .hima-icon {<br /> width: 36px;<br /> height: 36px;<br /> <br /> flex: 0 0 36px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-family: Georgia, serif;<br /> font-size: 15px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 22px;<br /> font-weight: 700;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> AT A GLANCE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 25px 24px;<br /> <br /> background: #edf0e9;<br /> <br /> border: 1px solid rgba(35,73,47,.08);<br /> border-radius: 14px;<br /> <br /> box-shadow: 0 7px 20px rgba(0,0,0,.04);<br /> }<br /> <br /> .page-Himalayas .hima-glance-title {<br /> margin-bottom: 9px;<br /> <br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 700;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item {<br /> display: grid;<br /> grid-template-columns: 32px 1fr;<br /> gap: 10px;<br /> align-items: start;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.14);<br /> }<br /> <br /> .page-Himalayas .hima-glance-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .page-Himalayas .hima-small-icon {<br /> width: 29px;<br /> height: 29px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong,<br /> .page-Himalayas .hima-glance-item span {<br /> display: block;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .page-Himalayas .hima-glance-item span {<br /> color: #4d5851;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TWO-COLUMN SECTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 48px;<br /> <br /> padding: 26px 0;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> .page-Himalayas .hima-section {<br /> min-width: 0;<br /> }<br /> <br /> .page-Himalayas .hima-subheading {<br /> margin: 8px 0 4px;<br /> <br /> color: #293b31;<br /> <br /> font-size: 13px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> LISTS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-list {<br /> margin: 9px 0 0 !important;<br /> padding-left: 22px !important;<br /> <br /> color: #303934;<br /> }<br /> <br /> .page-Himalayas .hima-list li {<br /> margin: 0 0 7px;<br /> <br /> font-size: 13px;<br /> line-height: 1.42;<br /> }<br /> <br /> .page-Himalayas .hima-list li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-Himalayas .hima-links a,<br /> .page-Himalayas .hima-links a:visited {<br /> color: #245b96;<br /> text-decoration: none;<br /> }<br /> <br /> .page-Himalayas .hima-links a:hover {<br /> color: #23492f;<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> /* Keep MediaWiki red links red */<br /> .page-Himalayas .hima-links a.new,<br /> .page-Himalayas .hima-links a.new:visited {<br /> color: #b63838 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN ARTICLE<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-main-article {<br /> margin-top: 11px;<br /> <br /> color: #834246;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 13px;<br /> font-style: italic;<br /> }<br /> <br /> .page-Himalayas .hima-main-article a {<br /> color: #834246 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PUBLICATIONS<br /> ---------------------------------------------------------- */<br /> <br /> .page-Himalayas .hima-publications {<br /> padding-top: 27px;<br /> margin-top: 2px;<br /> <br /> border-top: 1px solid rgba(35,73,47,.18);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 800px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 330px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 330px;<br /> padding: 45px 26px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 48px;<br /> }<br /> <br /> .page-Himalayas .hima-intro-grid {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> <br /> .page-Himalayas .hima-two-column {<br /> grid-template-columns: 1fr;<br /> gap: 28px;<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 520px) {<br /> <br /> .page-Himalayas .hima-hero {<br /> min-height: 310px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .page-Himalayas .hima-hero-inner {<br /> min-height: 310px;<br /> <br /> padding: 40px 20px;<br /> }<br /> <br /> .page-Himalayas .hima-title {<br /> font-size: 40px;<br /> }<br /> <br /> .page-Himalayas .hima-hero-intro {<br /> font-size: 14px;<br /> }<br /> <br /> .page-Himalayas .hima-content {<br /> width: calc(100% - 34px);<br /> <br /> padding-top: 30px;<br /> }<br /> <br /> .page-Himalayas .hima-heading {<br /> font-size: 20px;<br /> }<br /> <br /> .page-Himalayas .hima-glance {<br /> padding: 20px;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE PROJECT PAGE<br /> Ekologos Wiki<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PAGE-SPECIFIC RESET<br /> Uses :has() so we do not depend on MediaWiki page class<br /> ---------------------------------------------------------- */<br /> <br /> body:has(.mycc-page) #firstHeading,<br /> body:has(.mycc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.mycc-page) .mw-parser-output {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.mycc-page) #content,<br /> body:has(.mycc-page) #bodyContent,<br /> body:has(.mycc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .mycc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> HERO<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(9,46,37,.92) 0%,<br /> rgba(16,48,39,.75) 38%,<br /> rgba(18,41,34,.30) 74%,<br /> rgba(0,0,0,.08) 100%<br /> ),<br /> url(&quot;https://wiki.highlanderpress.org/images/2/21/MyCClimate.jpg&quot;);<br /> <br /> background-size: cover;<br /> background-position: center;<br /> background-repeat: no-repeat;<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.03),<br /> rgba(0,0,0,.20)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .mycc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 88px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .mycc-kicker {<br /> margin: 0;<br /> <br /> color: #e4b750;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> line-height: 1.2;<br /> }<br /> <br /> .mycc-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 13px;<br /> <br /> background: #e4b750;<br /> }<br /> <br /> .mycc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.06;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.25);<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> max-width: 570px;<br /> <br /> margin-top: 22px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 600;<br /> line-height: 1.45;<br /> <br /> text-shadow: 0 1px 5px rgba(0,0,0,.35);<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> PROJECT INFORMATION STRIP<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -52px auto 0;<br /> }<br /> <br /> .mycc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1fr<br /> 1.65fr<br /> .75fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.11);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e7dfd2;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .mycc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 19px;<br /> line-height: 1;<br /> }<br /> <br /> .mycc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .35px;<br /> }<br /> <br /> .mycc-info-value {<br /> color: #333b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MAIN CONTENT<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-panel {<br /> background: rgba(255,255,255,.42);<br /> <br /> border: 1px solid #e5dccd;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> SECTION HEADINGS<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .mycc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 17px;<br /> }<br /> <br /> .mycc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OVERVIEW<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-overview {<br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 24px 25px;<br /> }<br /> <br /> .mycc-overview-text p,<br /> .mycc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #333a36;<br /> <br /> font-size: 13px;<br /> line-height: 1.58;<br /> }<br /> <br /> .mycc-overview-text p:last-child,<br /> .mycc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OBJECTIVES + THEMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-two-column {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .mycc-two-column &gt; .mycc-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* Objectives */<br /> <br /> .mycc-number-list {<br /> position: relative;<br /> }<br /> <br /> .mycc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #333a36;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .mycc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .mycc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* Research themes */<br /> <br /> .mycc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> <br /> padding-top: 4px;<br /> }<br /> <br /> .mycc-theme {<br /> min-height: 43px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.25;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> ACTIVITIES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .mycc-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> color: #333b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-activity-icon {<br /> height: 37px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-outcomes {<br /> margin-top: 18px;<br /> padding: 24px 25px;<br /> <br /> display: grid;<br /> grid-template-columns: 245px 1fr;<br /> <br /> gap: 30px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .mycc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 17px;<br /> }<br /> <br /> .mycc-person {<br /> min-height: 175px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ded2c0;<br /> border-radius: 6px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .mycc-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7a9b82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .mycc-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #292f2c;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .mycc-person-role {<br /> color: #3e4742;<br /> <br /> font-size: 11px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MEDIAWIKI LINK COLOURS INSIDE PAGE<br /> ---------------------------------------------------------- */<br /> <br /> .mycc-page a {<br /> color: #295c91;<br /> }<br /> <br /> .mycc-page a.new {<br /> color: #b63a3a !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .mycc-title {<br /> font-size: 42px;<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: 120px;<br /> <br /> border-bottom: 1px solid #e7dfd2;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .mycc-two-column {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 600px) {<br /> <br /> .mycc-hero {<br /> min-height: 410px;<br /> <br /> background-position: 58% center;<br /> }<br /> <br /> .mycc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 410px;<br /> <br /> padding: 50px 0 80px;<br /> }<br /> <br /> .mycc-title {<br /> font-size: 34px;<br /> line-height: 1.08;<br /> }<br /> <br /> .mycc-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .mycc-info-wrap,<br /> .mycc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .mycc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .mycc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> }<br /> <br /> .mycc-overview,<br /> .mycc-outcomes {<br /> grid-template-columns: 1fr;<br /> <br /> gap: 8px;<br /> }<br /> <br /> .mycc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .mycc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .mycc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> MYCCLIMATE — OBJECTIVES + RESEARCH THEMES SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .mycc-page .mycc-two-column {<br /> width: 100% !important;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: calc(50% - 9px) !important;<br /> flex: 1 1 0 !important;<br /> <br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Mobile — stack only on small screens */<br /> @media (max-width: 700px) {<br /> <br /> .mycc-page .mycc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .mycc-page .mycc-two-column &gt; .mycc-panel {<br /> width: 100% !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR KOHIMA<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE */<br /> <br /> body:has(.urb-page) #firstHeading,<br /> body:has(.urb-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.urb-page) .mw-parser-output,<br /> body:has(.urb-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.urb-page) #content,<br /> body:has(.urb-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .urb-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .urb-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 420px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(208,174,90,.20),<br /> transparent 32%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #173c2d 0%,<br /> #23492f 45%,<br /> #426150 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 120deg,<br /> transparent 65%,<br /> rgba(255,255,255,.06) 65%,<br /> rgba(255,255,255,.06) 66%,<br /> transparent 66%<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> to bottom,<br /> rgba(0,0,0,.02),<br /> rgba(0,0,0,.18)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .urb-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 420px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 85px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-hero-copy {<br /> width: 100%;<br /> max-width: 700px;<br /> }<br /> <br /> .urb-kicker {<br /> color: #e2b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .urb-kicker-line {<br /> width: 28px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b457;<br /> }<br /> <br /> .urb-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 58px;<br /> font-weight: 500;<br /> line-height: 1.02;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> max-width: 600px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFORMATION<br /> ========================================================== */<br /> <br /> .urb-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .urb-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> .7fr<br /> 1.25fr<br /> 1.6fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-info-item:last-child {<br /> border-right: 0;<br /> }<br /> <br /> .urb-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .urb-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .urb-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-panel {<br /> background: rgba(255,255,255,.45);<br /> <br /> border: 1px solid #e4dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .urb-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .urb-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .urb-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .urb-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .urb-overview-text p,<br /> .urb-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .urb-overview-text p:last-child,<br /> .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .urb-two-column {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .urb-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 11px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.42;<br /> }<br /> <br /> .urb-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .urb-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .urb-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .urb-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.05);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .urb-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .urb-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .urb-activity-card {<br /> min-height: 130px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.35;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .urb-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .urb-outcomes {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> margin-top: 18px;<br /> padding: 25px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .urb-lower-grid {<br /> display: grid;<br /> grid-template-columns: 1.65fr .8fr;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .urb-team,<br /> .urb-partners {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .urb-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .urb-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> }<br /> <br /> .urb-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #7b9a82;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .urb-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .urb-partner-item {<br /> display: grid;<br /> grid-template-columns: 48px 1fr;<br /> <br /> gap: 12px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .urb-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .urb-partner-symbol {<br /> width: 43px;<br /> height: 43px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 10px;<br /> font-weight: 700;<br /> }<br /> <br /> .urb-partner-item strong,<br /> .urb-partner-item span {<br /> display: block;<br /> }<br /> <br /> .urb-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 12px;<br /> }<br /> <br /> .urb-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .urb-title {<br /> font-size: 48px;<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .urb-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .urb-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .urb-two-column &gt; .urb-panel {<br /> width: 100%;<br /> }<br /> <br /> .urb-overview,<br /> .urb-outcomes {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .urb-hero {<br /> min-height: 380px;<br /> }<br /> <br /> .urb-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 380px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .urb-title {<br /> font-size: 40px;<br /> }<br /> <br /> .urb-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .urb-info-wrap,<br /> .urb-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .urb-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .urb-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .urb-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .urb-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .urb-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — TEAM + PARTNERS SIDE BY SIDE<br /> ========================================================== */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: 2fr 1fr !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> .urb-page .urb-lower-grid &gt; .urb-panel {<br /> width: 100% !important;<br /> margin: 0 !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Research Team left */<br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> }<br /> <br /> <br /> /* Partner Institutions right */<br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> }<br /> <br /> <br /> /* Keep the three team members in one row */<br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> }<br /> <br /> <br /> /* Stack only on smaller screens */<br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team,<br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> }<br /> }<br /> /* ==========================================================<br /> URBALTOUR — FINAL LOWER PAGE ARRANGEMENT<br /> ========================================================== */<br /> <br /> <br /> /* ----------------------------------------------------------<br /> OUTCOMES<br /> Heading on top, text below across the full width<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-outcomes {<br /> display: block !important;<br /> <br /> width: 100% !important;<br /> <br /> margin-top: 18px !important;<br /> padding: 24px 26px !important;<br /> <br /> background: #edf1ed !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* Outcome heading */<br /> .urb-page .urb-outcomes .urb-section-side {<br /> width: 100% !important;<br /> margin: 0 0 16px 0 !important;<br /> }<br /> <br /> <br /> /* Outcome text full width */<br /> .urb-page .urb-outcomes-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p {<br /> width: 100% !important;<br /> max-width: none !important;<br /> <br /> margin: 0 0 14px 0 !important;<br /> padding: 0 !important;<br /> <br /> font-size: 13px !important;<br /> line-height: 1.6 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM + PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-lower-grid {<br /> width: 100% !important;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;<br /> <br /> gap: 18px !important;<br /> <br /> margin: 18px 0 0 0 !important;<br /> padding: 0 !important;<br /> <br /> align-items: stretch !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> /* VERY IMPORTANT:<br /> Force both boxes onto the SAME ROW */<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> <br /> width: 100% !important;<br /> height: 100% !important;<br /> <br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> RESEARCH TEAM<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-team-grid {<br /> display: grid !important;<br /> <br /> grid-template-columns: repeat(3, minmax(0, 1fr)) !important;<br /> <br /> gap: 16px !important;<br /> <br /> width: 100% !important;<br /> }<br /> <br /> <br /> .urb-page .urb-person {<br /> width: 100% !important;<br /> min-height: 150px !important;<br /> <br /> margin: 0 !important;<br /> padding: 18px 10px !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> PARTNER INSTITUTIONS<br /> ---------------------------------------------------------- */<br /> <br /> .urb-page .urb-partners {<br /> padding: 21px 20px !important;<br /> }<br /> <br /> <br /> .urb-page .urb-partner-item {<br /> width: 100% !important;<br /> <br /> box-sizing: border-box !important;<br /> }<br /> <br /> <br /> <br /> /* ----------------------------------------------------------<br /> TABLET / MOBILE<br /> ---------------------------------------------------------- */<br /> <br /> @media (max-width: 750px) {<br /> <br /> .urb-page .urb-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .urb-page .urb-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .urb-page .urb-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> <br /> }<br /> <br /> <br /> @media (max-width: 520px) {<br /> <br /> .urb-page .urb-team-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> }<br /> /* ==========================================================<br /> WAR RESIDUES PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.warres-page) #firstHeading,<br /> body:has(.warres-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.warres-page) .mw-parser-output,<br /> body:has(.warres-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.warres-page) #content,<br /> body:has(.warres-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .warres-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .warres-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 34%,<br /> rgba(190,145,69,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 105deg,<br /> #172f27 0%,<br /> #244a35 52%,<br /> #615943 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.055) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,31,25,.55),<br /> rgba(0,0,0,.05)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .warres-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .warres-kicker {<br /> color: #e1b457;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .warres-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e1b457;<br /> }<br /> <br /> .warres-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 59px;<br /> font-weight: 500;<br /> line-height: 1.03;<br /> }<br /> <br /> .warres-title-sub {<br /> max-width: 760px;<br /> <br /> margin-top: 9px;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 29px;<br /> font-weight: 400;<br /> line-height: 1.15;<br /> }<br /> <br /> .warres-hero-description {<br /> max-width: 650px;<br /> <br /> margin-top: 23px;<br /> <br /> color: rgba(255,255,255,.96);<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFORMATION STRIP<br /> ========================================================== */<br /> <br /> .warres-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .warres-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .95fr<br /> .9fr<br /> 1.45fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .warres-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .warres-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .warres-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .warres-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .warres-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .warres-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .warres-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .warres-overview-text p,<br /> .warres-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .warres-overview-text p:last-child,<br /> .warres-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + RESEARCH THEMES<br /> ========================================================== */<br /> <br /> .warres-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .warres-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .warres-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .warres-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .warres-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .warres-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .warres-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .warres-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .warres-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .warres-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESEARCH TEAM<br /> ========================================================== */<br /> <br /> .warres-team {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .warres-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .warres-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .warres-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .warres-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .warres-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .warres-title {<br /> font-size: 48px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 25px;<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .warres-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .warres-two-column &gt; .warres-panel {<br /> width: 100%;<br /> }<br /> <br /> .warres-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .warres-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .warres-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .warres-title {<br /> font-size: 39px;<br /> }<br /> <br /> .warres-title-sub {<br /> font-size: 21px;<br /> }<br /> <br /> .warres-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .warres-info-wrap,<br /> .warres-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .warres-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .warres-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .warres-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .warres-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .warres-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> FOOD SECURITY + CLIMATE ADAPTATION PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.foodsec-page) #firstHeading,<br /> body:has(.foodsec-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.foodsec-page) .mw-parser-output,<br /> body:has(.foodsec-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.foodsec-page) #content,<br /> body:has(.foodsec-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .foodsec-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .foodsec-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 440px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 35%,<br /> rgba(202,173,87,.21),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16392a 0%,<br /> #27543b 52%,<br /> #637357 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .20;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 115deg,<br /> transparent 0,<br /> transparent 55px,<br /> rgba(255,255,255,.05) 56px,<br /> transparent 57px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 440px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .foodsec-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .foodsec-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .foodsec-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 47px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .foodsec-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO STRIP<br /> ========================================================== */<br /> <br /> .foodsec-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .foodsec-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.8fr<br /> .7fr<br /> 1.15fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: 145px;<br /> <br /> padding: 22px 20px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .foodsec-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .foodsec-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.48;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .foodsec-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .foodsec-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .foodsec-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .foodsec-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .foodsec-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .foodsec-overview-text p,<br /> .foodsec-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .foodsec-overview-text p:last-child,<br /> .foodsec-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .foodsec-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .foodsec-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .foodsec-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .foodsec-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .foodsec-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .foodsec-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .foodsec-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .foodsec-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EXPECTED OUTCOMES<br /> ========================================================== */<br /> <br /> .foodsec-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .foodsec-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .foodsec-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .foodsec-team,<br /> .foodsec-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .foodsec-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .foodsec-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .foodsec-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .foodsec-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .foodsec-partner-item {<br /> display: grid;<br /> grid-template-columns: 44px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .foodsec-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .foodsec-partner-symbol {<br /> width: 40px;<br /> height: 40px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .foodsec-partner-item strong,<br /> .foodsec-partner-item span {<br /> display: block;<br /> }<br /> <br /> .foodsec-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .foodsec-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .foodsec-title {<br /> font-size: 40px;<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: span 2;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .foodsec-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .foodsec-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .foodsec-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .foodsec-two-column &gt; .foodsec-panel {<br /> width: 100%;<br /> }<br /> <br /> .foodsec-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .foodsec-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .foodsec-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .foodsec-title {<br /> font-size: 33px;<br /> }<br /> <br /> .foodsec-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .foodsec-info-wrap,<br /> .foodsec-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .foodsec-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-info-leads {<br /> grid-column: auto;<br /> }<br /> <br /> .foodsec-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .foodsec-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .foodsec-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .foodsec-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NUTRITION DETERMINANTS PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nutrition-page) #firstHeading,<br /> body:has(.nutrition-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nutrition-page) .mw-parser-output,<br /> body:has(.nutrition-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nutrition-page) #content,<br /> body:has(.nutrition-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nutrition-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nutrition-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 32%,<br /> rgba(213,179,94,.20),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #163a2c 0%,<br /> #28543d 52%,<br /> #72806a 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,39,28,.62),<br /> rgba(0,0,0,.04)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-hero-copy {<br /> width: 100%;<br /> max-width: 850px;<br /> }<br /> <br /> .nutrition-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nutrition-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nutrition-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 49px;<br /> font-weight: 500;<br /> line-height: 1.08;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.20);<br /> }<br /> <br /> .nutrition-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nutrition-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nutrition-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .9fr<br /> 1fr<br /> .75fr<br /> 1.55fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nutrition-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nutrition-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .nutrition-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nutrition-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nutrition-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nutrition-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nutrition-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nutrition-overview-text p,<br /> .nutrition-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nutrition-overview-text p:last-child,<br /> .nutrition-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nutrition-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nutrition-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nutrition-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nutrition-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* RESEARCH THEMES */<br /> <br /> .nutrition-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nutrition-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e5ebe4;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nutrition-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nutrition-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nutrition-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nutrition-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nutrition-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(300px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-team,<br /> .nutrition-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .nutrition-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 16px;<br /> }<br /> <br /> .nutrition-person {<br /> min-height: 165px;<br /> <br /> padding: 18px 10px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nutrition-avatar {<br /> width: 53px;<br /> height: 53px;<br /> <br /> margin: 0 auto 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 30px;<br /> }<br /> <br /> .nutrition-person-name {<br /> margin-bottom: 8px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nutrition-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNER INSTITUTIONS */<br /> <br /> .nutrition-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nutrition-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nutrition-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nutrition-partner-item strong,<br /> .nutrition-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nutrition-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nutrition-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nutrition-title {<br /> font-size: 41px;<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nutrition-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nutrition-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nutrition-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nutrition-two-column &gt; .nutrition-panel {<br /> width: 100%;<br /> }<br /> <br /> .nutrition-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nutrition-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nutrition-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nutrition-title {<br /> font-size: 34px;<br /> }<br /> <br /> .nutrition-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nutrition-info-wrap,<br /> .nutrition-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nutrition-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nutrition-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nutrition-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nutrition-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nutrition-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> NAGA WOMEN'S HEALTH CHANNEL<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.nwhc-page) #firstHeading,<br /> body:has(.nwhc-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.nwhc-page) .mw-parser-output,<br /> body:has(.nwhc-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.nwhc-page) #content,<br /> body:has(.nwhc-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .nwhc-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .nwhc-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 30%,<br /> rgba(218,177,119,.22),<br /> transparent 35%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #183a2e 0%,<br /> #285542 53%,<br /> #747868 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .16;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 78% 50%,<br /> rgba(255,255,255,.18) 0,<br /> rgba(255,255,255,.18) 1px,<br /> transparent 2px<br /> );<br /> <br /> background-size: 25px 25px;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(8,37,29,.65),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-hero-copy {<br /> width: 100%;<br /> max-width: 820px;<br /> }<br /> <br /> .nwhc-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .nwhc-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .nwhc-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 56px;<br /> font-weight: 500;<br /> line-height: 1.04;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .nwhc-hero-description {<br /> max-width: 680px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .nwhc-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .nwhc-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .85fr<br /> .95fr<br /> 1.35fr<br /> 1.4fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .nwhc-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .nwhc-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .nwhc-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .nwhc-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .nwhc-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .nwhc-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .nwhc-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .nwhc-overview-text p,<br /> .nwhc-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .nwhc-overview-text p:last-child,<br /> .nwhc-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .nwhc-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .nwhc-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .nwhc-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .nwhc-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .nwhc-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .nwhc-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e7ebe6;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .nwhc-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .nwhc-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .nwhc-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .nwhc-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .nwhc-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2fr) minmax(290px,1fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-team,<br /> .nwhc-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* RESEARCH TEAM */<br /> <br /> .nwhc-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 15px;<br /> }<br /> <br /> .nwhc-person {<br /> min-height: 155px;<br /> <br /> padding: 17px 9px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .nwhc-avatar {<br /> width: 50px;<br /> height: 50px;<br /> <br /> margin: 0 auto 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 28px;<br /> }<br /> <br /> .nwhc-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11.5px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .nwhc-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .nwhc-partner-item {<br /> display: grid;<br /> grid-template-columns: 45px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 14px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .nwhc-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .nwhc-partner-symbol {<br /> width: 41px;<br /> height: 41px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .nwhc-partner-item strong,<br /> .nwhc-partner-item span {<br /> display: block;<br /> }<br /> <br /> .nwhc-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .nwhc-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .nwhc-title {<br /> font-size: 47px;<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .nwhc-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .nwhc-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .nwhc-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .nwhc-two-column &gt; .nwhc-panel {<br /> width: 100%;<br /> }<br /> <br /> .nwhc-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .nwhc-hero {<br /> min-height: 420px;<br /> }<br /> <br /> .nwhc-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 420px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .nwhc-title {<br /> font-size: 38px;<br /> }<br /> <br /> .nwhc-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .nwhc-info-wrap,<br /> .nwhc-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .nwhc-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .nwhc-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .nwhc-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .nwhc-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .nwhc-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> SURGICAL CARE PROJECT<br /> EKOLOGOS WIKI<br /> ========================================================== */<br /> <br /> <br /> /* PAGE RESET */<br /> <br /> body:has(.surgical-page) #firstHeading,<br /> body:has(.surgical-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.surgical-page) .mw-parser-output,<br /> body:has(.surgical-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.surgical-page) #content,<br /> body:has(.surgical-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .surgical-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .surgical-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 79% 32%,<br /> rgba(184,196,168,.18),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 110deg,<br /> #16372b 0%,<br /> #28513e 52%,<br /> #66746b 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .14;<br /> <br /> background:<br /> repeating-linear-gradient(<br /> 90deg,<br /> transparent 0,<br /> transparent 45px,<br /> rgba(255,255,255,.05) 46px,<br /> transparent 47px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.67),<br /> rgba(0,0,0,.03)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .surgical-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 52px 0 84px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-hero-copy {<br /> width: 100%;<br /> max-width: 880px;<br /> }<br /> <br /> .surgical-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .surgical-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .surgical-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 48px;<br /> font-weight: 500;<br /> line-height: 1.07;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .surgical-hero-description {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 16px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PROJECT INFO<br /> ========================================================== */<br /> <br /> .surgical-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .surgical-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> .8fr<br /> .9fr<br /> 1.2fr<br /> 1.65fr<br /> .65fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .surgical-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .surgical-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> MAIN CONTENT<br /> ========================================================== */<br /> <br /> .surgical-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .surgical-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .surgical-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .surgical-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .surgical-overview {<br /> display: grid;<br /> grid-template-columns: 235px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .surgical-overview-text p,<br /> .surgical-outcomes-text p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .surgical-overview-text p:last-child,<br /> .surgical-outcomes-text p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + THEMES<br /> ========================================================== */<br /> <br /> .surgical-two-column {<br /> width: 100%;<br /> <br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: calc(50% - 9px);<br /> flex: 1 1 0;<br /> <br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> /* OBJECTIVES */<br /> <br /> .surgical-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .surgical-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .surgical-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* THEMES */<br /> <br /> .surgical-theme-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 13px 20px;<br /> }<br /> <br /> .surgical-theme {<br /> min-height: 44px;<br /> <br /> padding: 8px 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e6ebe7;<br /> <br /> border: 1px solid rgba(35,73,47,.06);<br /> border-radius: 24px;<br /> <br /> color: #29362f;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> line-height: 1.3;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .surgical-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .surgical-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .surgical-activity-card {<br /> min-height: 140px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OUTCOMES<br /> ========================================================== */<br /> <br /> .surgical-outcomes {<br /> width: 100%;<br /> <br /> margin-top: 18px;<br /> padding: 24px 26px;<br /> <br /> background: #edf1ed;<br /> }<br /> <br /> .surgical-outcomes-text {<br /> width: 100%;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> TEAM + PARTNERS<br /> ========================================================== */<br /> <br /> .surgical-lower-grid {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: minmax(0,2.25fr) minmax(290px,.9fr) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 2 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-team,<br /> .surgical-partners {<br /> width: 100%;<br /> <br /> margin: 0 !important;<br /> padding: 21px 18px 18px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* TEAM */<br /> <br /> .surgical-team-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 14px;<br /> }<br /> <br /> .surgical-person {<br /> min-height: 145px;<br /> <br /> padding: 16px 8px;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 7px;<br /> <br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .surgical-avatar {<br /> width: 47px;<br /> height: 47px;<br /> <br /> margin: 0 auto 10px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #e3ebe4;<br /> color: #78977f;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 26px;<br /> }<br /> <br /> .surgical-person-name {<br /> margin-bottom: 7px;<br /> <br /> color: #2e3531;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-person-role {<br /> color: #4b544f;<br /> <br /> font-size: 10px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .surgical-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 15px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.13);<br /> }<br /> <br /> .surgical-partner-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .surgical-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 8px;<br /> font-weight: 700;<br /> }<br /> <br /> .surgical-partner-item strong,<br /> .surgical-partner-item span {<br /> display: block;<br /> }<br /> <br /> .surgical-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .surgical-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> line-height: 1.3;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .surgical-title {<br /> font-size: 40px;<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .surgical-lower-grid {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .surgical-team {<br /> grid-column: 1 !important;<br /> grid-row: 1 !important;<br /> }<br /> <br /> .surgical-partners {<br /> grid-column: 1 !important;<br /> grid-row: 2 !important;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .surgical-two-column {<br /> flex-direction: column !important;<br /> }<br /> <br /> .surgical-two-column &gt; .surgical-panel {<br /> width: 100%;<br /> }<br /> <br /> .surgical-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .surgical-hero {<br /> min-height: 430px;<br /> }<br /> <br /> .surgical-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 430px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .surgical-title {<br /> font-size: 33px;<br /> }<br /> <br /> .surgical-hero-description {<br /> font-size: 14px;<br /> }<br /> <br /> .surgical-info-wrap,<br /> .surgical-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .surgical-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .surgical-theme-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .surgical-theme-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .surgical-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .surgical-team-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> /* ==========================================================<br /> EKOLOGOS PROJECT PAGE<br /> ========================================================== */<br /> <br /> body:has(.ekp-page) #firstHeading,<br /> body:has(.ekp-page) #contentSub {<br /> display: none !important;<br /> }<br /> <br /> body:has(.ekp-page) .mw-parser-output,<br /> body:has(.ekp-page) #mw-content-text {<br /> width: 100% !important;<br /> max-width: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> body:has(.ekp-page) #content,<br /> body:has(.ekp-page) #bodyContent {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .ekp-page {<br /> width: 100%;<br /> margin: 0;<br /> padding: 0 0 65px;<br /> <br /> background: #f8f6f1;<br /> color: #303934;<br /> <br /> font-family: &quot;Segoe UI&quot;, Roboto, Arial, sans-serif;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> HERO<br /> ========================================================== */<br /> <br /> .ekp-hero {<br /> position: relative;<br /> <br /> width: 100%;<br /> min-height: 430px;<br /> <br /> background:<br /> radial-gradient(<br /> circle at 76% 35%,<br /> rgba(207,177,91,.22),<br /> transparent 34%<br /> ),<br /> linear-gradient(<br /> 108deg,<br /> #123829 0%,<br /> #24513a 50%,<br /> #65765f 100%<br /> );<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-hero::after {<br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> inset: 0;<br /> <br /> opacity: .15;<br /> <br /> background:<br /> repeating-radial-gradient(<br /> circle at 80% 50%,<br /> rgba(255,255,255,.10) 0,<br /> rgba(255,255,255,.10) 1px,<br /> transparent 2px,<br /> transparent 24px<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-overlay {<br /> position: absolute;<br /> inset: 0;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> rgba(7,36,27,.68),<br /> rgba(0,0,0,.02)<br /> );<br /> <br /> pointer-events: none;<br /> }<br /> <br /> .ekp-hero-inner {<br /> position: relative;<br /> z-index: 2;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> min-height: 430px;<br /> <br /> margin: 0 auto;<br /> padding: 55px 0 82px;<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-hero-copy {<br /> width: 100%;<br /> max-width: 790px;<br /> }<br /> <br /> .ekp-kicker {<br /> color: #e2b650;<br /> <br /> font-size: 14px;<br /> font-weight: 700;<br /> letter-spacing: 1.8px;<br /> }<br /> <br /> .ekp-kicker-line {<br /> width: 30px;<br /> height: 2px;<br /> <br /> margin: 12px 0 15px;<br /> <br /> background: #e2b650;<br /> }<br /> <br /> .ekp-title {<br /> margin: 0;<br /> <br /> color: #ffffff;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 68px;<br /> font-weight: 500;<br /> line-height: 1;<br /> <br /> text-shadow: 0 2px 8px rgba(0,0,0,.22);<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> max-width: 690px;<br /> <br /> margin-top: 23px;<br /> <br /> color: #ffffff;<br /> <br /> font-size: 17px;<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> INFO STRIP<br /> ========================================================== */<br /> <br /> .ekp-info-wrap {<br /> position: relative;<br /> z-index: 5;<br /> <br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: -50px auto 0;<br /> }<br /> <br /> .ekp-info-strip {<br /> display: grid;<br /> <br /> grid-template-columns:<br /> 1.1fr<br /> .7fr<br /> 1.5fr<br /> 1.2fr<br /> .7fr;<br /> <br /> background: #ffffff;<br /> <br /> border: 1px solid rgba(35,73,47,.10);<br /> border-radius: 17px;<br /> <br /> box-shadow: 0 12px 28px rgba(0,0,0,.10);<br /> <br /> overflow: hidden;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: 140px;<br /> <br /> padding: 22px 19px;<br /> <br /> border-right: 1px solid #e5ddcf;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-info-item:last-child {<br /> border-right: none;<br /> }<br /> <br /> .ekp-info-icon {<br /> width: 34px;<br /> height: 34px;<br /> <br /> margin-bottom: 12px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> border: 2px solid #23492f;<br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-info-label {<br /> margin-bottom: 7px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 10px;<br /> font-weight: 800;<br /> letter-spacing: .4px;<br /> }<br /> <br /> .ekp-info-value {<br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> CONTENT<br /> ========================================================== */<br /> <br /> .ekp-content {<br /> width: calc(100% - 60px);<br /> max-width: 1180px;<br /> <br /> margin: 29px auto 0;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-panel {<br /> background: rgba(255,255,255,.46);<br /> <br /> border: 1px solid #e3dacb;<br /> border-radius: 12px;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> /* HEADINGS */<br /> <br /> .ekp-heading-row {<br /> display: flex;<br /> align-items: center;<br /> gap: 11px;<br /> <br /> margin: 0 0 16px;<br /> }<br /> <br /> .ekp-section-icon {<br /> width: 39px;<br /> height: 39px;<br /> <br /> flex: 0 0 39px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 16px;<br /> }<br /> <br /> .ekp-heading {<br /> color: #23492f;<br /> <br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 23px;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OVERVIEW<br /> ========================================================== */<br /> <br /> .ekp-overview {<br /> display: grid;<br /> grid-template-columns: 220px 1fr;<br /> <br /> gap: 30px;<br /> <br /> padding: 25px;<br /> }<br /> <br /> .ekp-overview-text p,<br /> .ekp-feature-card p {<br /> margin: 0 0 13px !important;<br /> <br /> color: #343b37;<br /> <br /> font-size: 13px;<br /> line-height: 1.6;<br /> }<br /> <br /> .ekp-overview-text p:last-child,<br /> .ekp-feature-card p:last-child {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> OBJECTIVES + COORDINATION<br /> ========================================================== */<br /> <br /> .ekp-two-column {<br /> width: 100%;<br /> <br /> display: grid !important;<br /> grid-template-columns: repeat(2,minmax(0,1fr)) !important;<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-two-column &gt; .ekp-panel {<br /> padding: 22px 24px;<br /> }<br /> <br /> <br /> .ekp-number-item {<br /> display: grid;<br /> grid-template-columns: 27px 1fr;<br /> <br /> gap: 12px;<br /> align-items: start;<br /> <br /> margin-bottom: 12px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 12px;<br /> line-height: 1.45;<br /> }<br /> <br /> .ekp-number-item:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .ekp-number {<br /> width: 24px;<br /> height: 24px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 11px;<br /> font-weight: 700;<br /> }<br /> <br /> <br /> /* COORDINATION DETAILS */<br /> <br /> .ekp-detail-item {<br /> padding: 12px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-detail-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .ekp-detail-item strong,<br /> .ekp-detail-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-detail-item strong {<br /> margin-bottom: 3px;<br /> <br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> }<br /> <br /> .ekp-detail-item span {<br /> color: #515b55;<br /> <br /> font-size: 11.5px;<br /> line-height: 1.4;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> ACTIVITIES<br /> ========================================================== */<br /> <br /> .ekp-activities {<br /> margin-top: 18px;<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> .ekp-activity-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6,minmax(0,1fr));<br /> <br /> gap: 13px;<br /> }<br /> <br /> .ekp-activity-card {<br /> min-height: 135px;<br /> <br /> padding: 17px 10px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> <br /> background: #fffdfa;<br /> <br /> border: 1px solid #ddd1bf;<br /> border-radius: 6px;<br /> <br /> color: #343b37;<br /> <br /> font-size: 11px;<br /> line-height: 1.4;<br /> text-align: center;<br /> <br /> box-sizing: border-box;<br /> }<br /> <br /> .ekp-activity-icon {<br /> height: 38px;<br /> <br /> margin-bottom: 11px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: #23492f;<br /> <br /> font-size: 27px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> EDUCATION / KNOWLEDGE / PUBLIC ENGAGEMENT<br /> ========================================================== */<br /> <br /> .ekp-three-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> }<br /> <br /> .ekp-feature-card {<br /> padding: 22px 22px;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> PARTNERS + RELATED TOPICS<br /> ========================================================== */<br /> <br /> .ekp-lower-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0,2fr) minmax(280px,.8fr);<br /> <br /> gap: 18px;<br /> <br /> margin-top: 18px;<br /> <br /> align-items: stretch;<br /> }<br /> <br /> .ekp-partners,<br /> .ekp-topics {<br /> padding: 21px 18px 18px;<br /> }<br /> <br /> <br /> /* PARTNERS */<br /> <br /> .ekp-partner-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> <br /> gap: 0 22px;<br /> }<br /> <br /> .ekp-partner-item {<br /> display: grid;<br /> grid-template-columns: 46px 1fr;<br /> <br /> gap: 11px;<br /> align-items: center;<br /> <br /> padding: 13px 0;<br /> <br /> border-bottom: 1px solid rgba(35,73,47,.12);<br /> }<br /> <br /> .ekp-partner-symbol {<br /> width: 42px;<br /> height: 42px;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> background: #23492f;<br /> color: #ffffff;<br /> <br /> border-radius: 50%;<br /> <br /> font-size: 9px;<br /> font-weight: 700;<br /> }<br /> <br /> .ekp-partner-item strong,<br /> .ekp-partner-item span {<br /> display: block;<br /> }<br /> <br /> .ekp-partner-item strong {<br /> color: #23492f;<br /> <br /> font-size: 11px;<br /> line-height: 1.3;<br /> }<br /> <br /> .ekp-partner-item span {<br /> margin-top: 3px;<br /> <br /> color: #5b645e;<br /> <br /> font-size: 10px;<br /> }<br /> <br /> <br /> /* RELATED TOPICS */<br /> <br /> .ekp-topic-list &gt; div {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .ekp-topic-list a,<br /> .ekp-topic-list a:visited {<br /> display: block;<br /> <br /> padding: 10px 14px;<br /> <br /> background: #e7ebe6;<br /> <br /> border-radius: 20px;<br /> <br /> color: #23492f !important;<br /> <br /> font-size: 11.5px;<br /> font-weight: 500;<br /> text-align: center;<br /> <br /> text-decoration: none !important;<br /> }<br /> <br /> .ekp-topic-list a:hover {<br /> background: #dce5dc;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> RESPONSIVE<br /> ========================================================== */<br /> <br /> @media (max-width: 900px) {<br /> <br /> .ekp-title {<br /> font-size: 56px;<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: span 2;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(3,minmax(0,1fr));<br /> }<br /> <br /> .ekp-three-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-lower-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 700px) {<br /> <br /> .ekp-two-column {<br /> grid-template-columns: 1fr !important;<br /> }<br /> <br /> .ekp-overview {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-partner-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> <br /> @media (max-width: 600px) {<br /> <br /> .ekp-hero {<br /> min-height: 390px;<br /> }<br /> <br /> .ekp-hero-inner {<br /> width: calc(100% - 36px);<br /> min-height: 390px;<br /> <br /> padding: 45px 0 75px;<br /> }<br /> <br /> .ekp-title {<br /> font-size: 46px;<br /> }<br /> <br /> .ekp-hero-subtitle {<br /> font-size: 14px;<br /> }<br /> <br /> .ekp-info-wrap,<br /> .ekp-content {<br /> width: calc(100% - 30px);<br /> }<br /> <br /> .ekp-info-strip {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .ekp-info-wide {<br /> grid-column: auto;<br /> }<br /> <br /> .ekp-info-item {<br /> min-height: auto;<br /> <br /> border-right: none;<br /> border-bottom: 1px solid #e5ddcf;<br /> }<br /> <br /> .ekp-activity-grid {<br /> grid-template-columns: repeat(2,minmax(0,1fr));<br /> }<br /> }</div>

Admin https://wiki.highlanderpress.org/index.php?title=Ekologos&diff=416 2026-08-27T05:18:24Z

<p>Admin: </p> <hr /> <div>__NOTOC__<br /> <br /> &lt;div class=&quot;ekp-page&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-hero&quot;&gt;<br /> &lt;div class=&quot;ekp-hero-overlay&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;ekp-hero-inner&quot;&gt;<br /> &lt;div class=&quot;ekp-hero-copy&quot;&gt;<br /> &lt;div class=&quot;ekp-kicker&quot;&gt;GLOBAL INTERDISCIPLINARY INITIATIVE&lt;/div&gt;<br /> &lt;div class=&quot;ekp-kicker-line&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;ekp-title&quot;&gt;Ekologos&lt;/div&gt;<br /> &lt;div class=&quot;ekp-hero-subtitle&quot;&gt;Environmental humanities, Indigenous knowledge, ecological futures, and collaborative learning across regions.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-info-wrap&quot;&gt;<br /> &lt;div class=&quot;ekp-info-strip&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-info-item&quot;&gt;<br /> &lt;div class=&quot;ekp-info-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-label&quot;&gt;TYPE&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-value&quot;&gt;Global Interdisciplinary Initiative&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-info-item&quot;&gt;<br /> &lt;div class=&quot;ekp-info-icon&quot;&gt;▣&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-label&quot;&gt;DURATION&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-value&quot;&gt;2022–2026&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-info-item ekp-info-wide&quot;&gt;<br /> &lt;div class=&quot;ekp-info-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-label&quot;&gt;FOCUS&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-value&quot;&gt;Environmental Humanities and Ecological Futures&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-info-item&quot;&gt;<br /> &lt;div class=&quot;ekp-info-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-label&quot;&gt;REGIONS&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-value&quot;&gt;Arctic, Amazon, South Asia, Himalayas&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-info-item&quot;&gt;<br /> &lt;div class=&quot;ekp-info-icon&quot;&gt;✓&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-label&quot;&gt;STATUS&lt;/div&gt;<br /> &lt;div class=&quot;ekp-info-value&quot;&gt;Active&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-content&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-overview ekp-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-section-side&quot;&gt;<br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Overview&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-overview-text&quot;&gt;<br /> <br /> &lt;p&gt;&lt;strong&gt;Ekologos&lt;/strong&gt; is a global interdisciplinary initiative that brings together environmental sciences, humanities, and Indigenous and local knowledge systems to address ecological challenges through collaborative research, education, and public engagement. Working across regions including the Arctic, Amazon, South Asia, and the Himalayas, the project develops inclusive and ethically grounded approaches to environmental knowledge production and climate futures.&lt;/p&gt;<br /> <br /> &lt;p&gt;The initiative serves as a collaborative platform for students, researchers, institutions, and communities to engage in research, teaching, artistic practice, and public dialogue on environmental change and ecological resilience. Through international partnerships and intercultural exchange, Ekologos seeks to bridge academic knowledge with lived experience and community-based environmental stewardship.&lt;/p&gt;<br /> <br /> &lt;p&gt;Ekologos integrates scientific and humanistic approaches to environmental challenges while foregrounding Indigenous and local knowledge systems. It promotes collaborative learning through summer and winter schools, workshops, public lectures, multimedia production, and transnational educational programmes.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-two-column&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Objectives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-number-list&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-number-item&quot;&gt;<br /> &lt;div class=&quot;ekp-number&quot;&gt;1&lt;/div&gt;<br /> &lt;div&gt;Foster interdisciplinary environmental humanities research.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-number-item&quot;&gt;<br /> &lt;div class=&quot;ekp-number&quot;&gt;2&lt;/div&gt;<br /> &lt;div&gt;Integrate Indigenous and local knowledge systems into environmental discourse.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-number-item&quot;&gt;<br /> &lt;div class=&quot;ekp-number&quot;&gt;3&lt;/div&gt;<br /> &lt;div&gt;Promote ethical and community-based environmental engagement.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-number-item&quot;&gt;<br /> &lt;div class=&quot;ekp-number&quot;&gt;4&lt;/div&gt;<br /> &lt;div&gt;Facilitate international educational exchange and collaborative learning.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-number-item&quot;&gt;<br /> &lt;div class=&quot;ekp-number&quot;&gt;5&lt;/div&gt;<br /> &lt;div&gt;Develop inclusive approaches to climate and ecological futures.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Coordination &amp; Funding&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-detail-item&quot;&gt;<br /> &lt;strong&gt;Funding&lt;/strong&gt;<br /> &lt;span&gt;UTFORSK Programme (HK-dir, Norway)&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-detail-item&quot;&gt;<br /> &lt;strong&gt;Project Coordinator&lt;/strong&gt;<br /> &lt;span&gt;Michael Heneise&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-detail-item&quot;&gt;<br /> &lt;strong&gt;Regional Coordinator&lt;/strong&gt;<br /> &lt;span&gt;Lanuakum Aier&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-detail-item&quot;&gt;<br /> &lt;strong&gt;Geographic Scope&lt;/strong&gt;<br /> &lt;span&gt;Arctic, Amazon, South Asia, and the Himalayas&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel ekp-activities&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;⚙&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Activities&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-card&quot;&gt;<br /> &lt;div class=&quot;ekp-activity-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div&gt;Summer and winter schools&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-card&quot;&gt;<br /> &lt;div class=&quot;ekp-activity-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div&gt;International workshops and conferences&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-card&quot;&gt;<br /> &lt;div class=&quot;ekp-activity-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div&gt;Collaborative teaching programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-card&quot;&gt;<br /> &lt;div class=&quot;ekp-activity-icon&quot;&gt;●&lt;/div&gt;<br /> &lt;div&gt;Public lectures and community engagement&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-card&quot;&gt;<br /> &lt;div class=&quot;ekp-activity-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div&gt;Documentary and multimedia production&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-activity-card&quot;&gt;<br /> &lt;div class=&quot;ekp-activity-icon&quot;&gt;↔&lt;/div&gt;<br /> &lt;div&gt;Knowledge-sharing platforms and digital archives&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-three-grid&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel ekp-feature-card&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;◆&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Educational Programmes&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;Ekologos has facilitated international student and faculty mobility through field exchanges, collaborative schools, and joint teaching programmes. The initiative has supported interdisciplinary learning environments that connect academic institutions, local communities, artists, and practitioners.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel ekp-feature-card&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;▤&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Knowledge Platforms&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;The project has developed knowledge-sharing initiatives including the Ekologos Wiki and open-access academic resources aimed at supporting collaborative environmental humanities research and public dissemination.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel ekp-feature-card&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;◎&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Public Engagement&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;Ekologos regularly organises workshops, lectures, screenings, and conferences that encourage dialogue between academia, Indigenous communities, environmental practitioners, and creative sectors. Events emphasise ethical collaboration, ecological responsibility, and culturally grounded approaches to environmental change.&lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-lower-grid&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;ekp-panel ekp-partners&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;◇&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Partner Institutions&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-partner-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-partner-item&quot;&gt;<br /> &lt;div class=&quot;ekp-partner-symbol&quot;&gt;UiT&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;UiT – The Arctic University of Norway&lt;/strong&gt;<br /> &lt;span&gt;Norway&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-partner-item&quot;&gt;<br /> &lt;div class=&quot;ekp-partner-symbol&quot;&gt;RVU&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;RV University&lt;/strong&gt;<br /> &lt;span&gt;India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-partner-item&quot;&gt;<br /> &lt;div class=&quot;ekp-partner-symbol&quot;&gt;THI&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;The Highland Institute&lt;/strong&gt;<br /> &lt;span&gt;India&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-partner-item&quot;&gt;<br /> &lt;div class=&quot;ekp-partner-symbol&quot;&gt;UC&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;State University of Campinas&lt;/strong&gt;<br /> &lt;span&gt;Brazil&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-partner-item&quot;&gt;<br /> &lt;div class=&quot;ekp-partner-symbol&quot;&gt;IMR&lt;/div&gt;<br /> &lt;div&gt;<br /> &lt;strong&gt;Institute of Marine Research&lt;/strong&gt;<br /> &lt;span&gt;Norway&lt;/span&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;ekp-panel ekp-topics&quot;&gt;<br /> <br /> &lt;div class=&quot;ekp-heading-row&quot;&gt;<br /> &lt;div class=&quot;ekp-section-icon&quot;&gt;✦&lt;/div&gt;<br /> &lt;div class=&quot;ekp-heading&quot;&gt;Related Topics&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;ekp-topic-list&quot;&gt;<br /> &lt;div&gt;[[Environmental Humanities]]&lt;/div&gt;<br /> &lt;div&gt;[[Climate Change]]&lt;/div&gt;<br /> &lt;div&gt;[[Traditional Ecological Knowledge]]&lt;/div&gt;<br /> &lt;div&gt;[[Ecological Futures]]&lt;/div&gt;<br /> &lt;div&gt;[[Collaborative Research]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> [[Category:Projects]]<br /> [[Category:Environmental Humanities]]<br /> [[Category:Climate Change]]<br /> [[Category:International Collaboration]]<br /> [[Category:Traditional Ecological Knowledge]]</div>

Admin