/* extract-static.css */

a { text-decoration: none; color: green; }

body {
	background-color: #9c9;
	text-align: center;
	/* font-family: Verdana, Geneva, Arial, sans-serif;  */
	margin: 0.1em;
}

div#border { 
	padding: 10px; 
	/* background-color: #FFFFED; */
	background-color: #FFF; 
}

div#all {
	max-width: 48em;
	/* background-color: #9c9; */
	background-color: #9c9;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	position: relative;
	text-align: left; 
	padding: 10px; 
}

div#footer { font-size: small; text-align: center; padding-top: 0.7em; }
div#footer_top { text-align: left; }

h2 { text-align: center; } 
div#copyright { text-align: center; padding-top: 0.7em; font-size: small; }
div#wetter { padding-left: 10px; }

div#main { } /* width: 600px; } */

div#main h1 {
  text-align: center;
  font-size: 1.7em;
  margin: 0.83em 0;
}

div#main h2 {
    text-align: left;
    font-size: 1.25em;
    margin-top: 1.2em;
    margin-bottom: 0.4em;
}

.gml_tiny   { border-width: 0px; height: 18px; width: 50px;  margin-left: 10px; }

table tr td { padding: 5px; }

table td#cell_germany { background-color: #FFC }
table td#cell_europe  { background-color: #CCF }
table td#cell_other   { background-color: #CCC }

div#streets input:focus { background-color: #FFC }
div#footer_community { padding-top: 0.5em; padding-bottom: 0.5em }

img.logo { border: 0px; }
span#social { padding-right: 0.5em }
div#header_links { font-size: small; }
span.current_language { font-size: large; }
span#language_switch a { color: green; }

span#maplink { font-size: small; }

p.page-index { max-width: 75em; }

/* help page extract.html */
a.small-screenshot img { max-height: 144px; }

.big_donate_image { text-align:center; }
form.big_donate_image { margin: 0.8em 0 0; }

/* screenshot on mobiles */
img {
  max-width: 100%;
  height: auto;
}


/* donation page: QR code for PayPal.me, not on phones */
figure.qr { margin: 0.5em 0 1em; text-align: center; }
figure.qr img { display: block; width: 140px; height: 140px; margin: 0 auto; }
figure.qr figcaption { font-size: small; color: #555; }
@media (max-width: 700px) {
    figure.qr { display: none; }
}

/* donation page: subtitle under the heading */
p.donate-lead { text-align: center; font-size: 1.2em; font-weight: bold; margin: -0.3em 0 1em; }

/* donation page: amounts as buttons */
p.donate-amounts { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0.8em 0; }
a.donate-amount {
    display: inline-block; flex: 1 1 0; max-width: 7em; padding: 0.45em 0.5em;
    text-align: center; font-size: large; text-decoration: none;
    background: #4a7a3d; color: #fff; border-radius: 8px;
}
a.donate-amount:hover, a.donate-amount:focus { background: #24391f; }

/* EOF */