/* ========================================================================== */
/* CUSTOM STYLES FOR MOBILIZON */
/* ========================================================================== */
/* basic theming for vanilla mobilizon.org via CSS overwrites
(CSS is injected along with JS (for DOM manipulation) using NGINX configuration)

// mobilizon generates app-DOM depending on login status
// for more robust overwrites try to focus on CSS changes over DOM-manipulation
// quicktest for DOM manipulation with bookmarklet
// javascript: (function() {	document.getElementById("navbar").innerHTML = "TEST"; }());

TOC
- IDs to target/scope for overwriting global styles
    - main
    - navbar
- links to target for cleanup
    - header logo (home: replace default mobilizon logo)
    - legal (subsection of "about" is broken, so best to disable)
- superfluous elements to target for removal
 
*/


/* global styles for KLeV-mobilizon */
#mobilizon {
  font-family: font-family: 'Apple SD Gothic Neo', Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
}
#mobilizon button {
	font-family: "Lucida Sans Typewriter", "Roboto Mono", "Ubuntu Monospace", "Menlo", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* navbar */
#navbar {
	font-family: "Lucida Sans Typewriter", "Roboto Mono", "Ubuntu Monospace", "Menlo", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1em !important;
	font-weight: normal !important;
}

/* visually replacing the default logo in header */
a[href="/"] {
    color: transparent;
    background: url(/extra/klev-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
a[href="/"] svg{
    opacity: 0;
}

/* disabling links that lead nowhere */
a[href="/terms"],
a[href="/privacy"],
a[href="/rules"] {
    display: none;
}

/* disabling superfluous elements */ 
#search-anchor,
#search-anchor + section,
#main h1 + p,
#main picture,
#main picture + div {
    display: none;
}
#main section + div {
	display: none;
}
#mobilizon footer {
  overflow: hidden;
}
#mobilizon footer picture {
  margin-top: -6em;
}
#mobilizon footer div span span::after {
  content: "";
	display: inline-block;
	width: 100%;
}

/* style content inside the description box on about page */
#mobilizon .long-description * + *:not(li) {
	margin-top: 1.5em;
	display: block;
}
.long-description {
	font-size: 110%;
	padding: 1em;
}
.long-description ul {
 list-style-type: disc;
 list-style-position: inside;	
}
.long-description h2 {
	font-size: 3.5em;
}
.long-description h3 {
	font-size: 2.5em;
}
.long-description h4 {
	font-size: 1.5em;
}

section .bg-primary,
section .bg-primary + section,
hr:last-of-type + * {
	display: none;
}