/******
 * Styles for the whole web site
 */
p, span {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	line-height: 1.3;
	color: #344a35;
}
a {
	color: #344a35;
	text-decoration: none;
}
h1, h2, h3, li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #344a35;
}
h1 {
	text-align: center;
}
li {
	font-size:17px;
	margin: 0px 0px 15px 0px;
}


.title-container {
	position: relative;
}
.titleText {
	position: absolute;
	display: inline-block;
	left: 40%;
	transform: translate(-50%, 0%);
	bottom: -5px;

	padding: 10px 20px 15px 20px;
	//font-family: "Artifika", sans-serif;
	//font-weight: bold;
	font-size: 46px;
	background: rgba(214, 237, 204, .7);	// #d6edcc
	//background-color: #d6edcc;
	//opacity: .7;
	border: 2px solid #4e6e4f;
	color: #4e6e4f;
}
@media screen and (max-width: 600px) {
    .titleText {
	font-size: 22px;
	padding: 8px;
    }
}



/*****
 * Styles for the header portion that will appear on all web pages:
 * hamburger menu, language button
 * logo, main menus, donate & visit buttons
 */
.headerBar {
	background-color: #007130;
	height: 30px;
}
.language {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 7px;
}
.language:hover, .language:active {
	color: #9ad582;
}

a.fandroakando {
	font-size: 30px;
	color: black;
	text-shadow: 2px 2px 1px #DDDDDD;
}
@media screen and (max-width: 1080px) {
	a.fandroakando { font-size: 22px; }
}
a.protecting {
	font-family: "Artifika", sans-serif;
	font-style: italic;
	font-size: 16px;
	color: black;
}
@media screen and (max-width: 1080px) {
	a.protecting { font-size: 14px; }
}

/****
   When screen gets too narrow, first shrink font size, and if it's still too narrow, hide the menues and
   put them in a hamburger instead
*****/


@media screen and (max-width: 929px) {
	.showFullMenu {
		display: none;
	}
}
@media screen and (min-width: 930px) {
	.showHamburger {
		display: none;
	}
}



.donateButton, .visitusButton {
	display: inline-block;
	cursor: pointer;
	padding: 2px;
	border: 3px solid white;
	border-radius: 8px;
	width: 120px;
	height: 37px;

	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
}
.donateButton {
	background-color: #225b7a;
}
.visitusButton {
	background-color: #01933f;
}
.donateButton:active, .visitusButton:active {
	transform: translate(1px, 1px);
}