html { font-size:17px !important; }

body {
	display: flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-items: center;
	margin:0;
	width:100%;
	height:100%; 
	background: #fff url(/images/zambiamissions/squairy_light.png) repeat center center;
}

h1 { font-family:"Ubuntu", sans-serif; font-size:2em; color:#198a00; width:100%; border-bottom:0.05em dashed #ef7d00;}
h2 { font-family:"Ubuntu", sans-serif; font-size:1.2em; color:#ef7d00; width:100%; /*border-bottom:0.05em dashed #ef7d00;*/}

.figurebox {display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
figure {max-width:15rem; margin:1em;padding:0;}
figcaption{text-align:center; font-size:0.7em; }

p > img {margin-right: 1em; margin-bottom:0.5em;}

/*Donate buttons*/
div.donatewrap {text-align:center;}
div.donatebutton { 
	background-color:#ef7d00;
	border: 0;
	border-radius:0.313em;
	background-image: -webkit-linear-gradient(top, #ffaa56, #ef7d00);
	box-shadow:0px 0.313em 0px #223955, 0px 0.5em 0.313em rgba(0,0,0,0.3);
	display:inline-block;
}
div.donatebutton:hover {
	top: 0.188em;
	background:#ef7d00;
	box-shadow:0px 0.125em 0px #223955, 0px 0.25em 0.188em rgba(0,0,0,0.3);
}
div.donatebutton>a {
	color:white !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	display:block;
	line-height:2em;
	padding: 0.5em 1em;
}
/*center iats form*/
div.IATS_Div {margin:auto !important;}


.left {float:left;}
.center {margin:auto;text-align:center;}

.plainul {list-style:none;}
.plainul li {padding:0.5em;}

.footnote {font-size:0.7em; color:#777;font-style: italic;}

a, a:link,a:visited { text-decoration: none !important; color:#198a00 !important; font-size:17px !important; }
a:hover { color:#ef7d00 !important; }
a:active { color:#ef7d00 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; }

.shadow {	box-shadow: 0.313em 0.313em 0.313em #4c4c4c; }

/* Header */
header {
	display: flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: flex-end;
	width:100%;
	background:rgba(255,255,255,0.6);
	border-bottom: 0.2em solid #de2010;
	margin-bottom:1em;
}
#logo {
	font-family:"Lakki Reddy";
	display: flex;
	flex-flow:column nowrap;
	justify-content:center;
	align-items: center;
	margin-right:3em;
	margin-bottom:1.25em;
}
header img { margin-right:1em; margin-bottom:1.25em; height:7em; }
#zambia { font-size:4em; color:#ef7d00; text-shadow: 0 0.025em 0 rgba(25, 138, 0, 0.25); margin-bottom:-0.8em;}
#missions { font-size:3em; color:#198a00; text-shadow: 0 0.025em 0 rgba(239, 125, 0, 0.25); margin-bottom:-0.5em;}




/* Site Navigation Menu */
/* MOBILE  / Small screen*/
@media screen and (max-width : 949px) {
	header {
		flex-flow:column nowrap;
		justify-content:center;
		align-items: center;
	}
	#logo {margin-right:0;}
	#menutoggle {
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items: center;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
	}
	#menutoggle p { margin:0;padding:0;font-size:2em; font-family:"Lakki Reddy"; margin-bottom:-0.5em; margin-left:0.2em;}
	#menutoggle img {vertical-align:middle; height:3em;margin:0;padding:0;}
	#menu { display: none; }
	#menu li a { font-family:"Ubuntu", sans-serif; }
}
/*Desktop / Larger screen*/
@media screen and (min-width :950px) {
	#menutoggle {
		display: none;
	}
	/* nav Tag for Menu */
	nav {
		display: flex;
		flex-flow:row nowrap;
		justify-content:flex-start;
		align-items: flex-end;
		font-family:"Ubuntu", sans-serif; 
	}
	/* All unordered lists under the nav tag */
	nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	/* Root Level Menu */
	.mod-menu > li {
		line-height:3em;
		display: inline-block;
		border-top-left-radius:0.5em;
		border-top-right-radius:0.5em;
		/*background:rgba(0,0,0,0.9);*/
		background:rgba(255,255,255,0.5);
	}
	/* All Sub menus*/
	.mod-menu li ul {
		display: none;
		opacity:1;
		box-shadow: 0.313em 0.313em 1em 0.063em rgba(0,0,0,0.75);
	}
	/* Second Level Menu */
	.mod-menu > li:hover > ul {
		display: block;
		-webkit-animation: fadeIn 0.7s;
		animation: fadeIn 0.7s;
		background:white;
		z-index:1000;
		position:absolute;
	}
	
	.mod-menu > li > ul {
			
		transition: opacity 0.5s ease;
	}
	
	/* Third Level Menu */
	.mod-menu > li > ul > li:hover > ul {
		display: block;
		-webkit-animation: fadeandSlide 0.3s;
		animation: fadeandSlide 0.3s;
		position:absolute;
		left:100%;
		margin-top:-3em;
		z-index:1000;
		background:white;
	}
	/* All Links */
	.mod-menu li a {
		display:block;
		padding:0 1em 0 1em;
		white-space: nowrap;
	}
	/* Hovering over any list item */
	.mod-menu li:hover {
		background:#ef7d00 !important;
	}
	/* Hover over any link*/
	.mod-menu li:hover > a {
		color:white !important;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	/* Active list Item */
	.mod-menu li.active {
		background:#de2010 !important;
	}
	/* Active list Item Link */
	.mod-menu li.active > a {
		color:white !important;
	}
	
	@-webkit-keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1;}
	}
	@keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	@-webkit-keyframes fadeandSlide {
		from { opacity: 0; left:80%;}
		to { opacity: 1; left:100%; }
	}
	@keyframes fadeandSlide {
		from { opacity: 0; left:80%;}
		to { opacity: 1; left:100%; }
	}
}




/* Main Area */
main,footer {
	display: flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: flex-start;
	width:100%;
	font-family:"Ubuntu", Arial,sans-serif;
}

#port {
	width:50em;
	max-width:70%;
}

#content {
	background:rgba(255,255,255,0.94);
	border-radius: 0.5em;
	padding:2em;
	line-height:1.625;
	font-size: 1.1em !important;
	box-shadow: 0em 0em 0.313em 0.063em rgba(0,0,0,0.75);
	margin-bottom:1em;
	color:#555 !important;
}
#content img {max-width:100%;}




/* Pictures */
.limitbox {display:none;}
.counter {text-align:center; margin-top:1em;}
.pagination ul { list-style: none; text-align:center;}
.pagination li { 
	display: inline-block;
	text-align: center;
	margin:1em;
}
.page-header {display:none;}




/* Footer */
#footer {
	border-radius: 0.5em;
	padding:1em;
	background:rgba(0,0,0,0.6);
	color:white !important;
}
#footer>div {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
}
#footer h1 { font-size:1em !important; color:#eaeaea !important;margin-bottom:2em; border:0;}
#footer p {font-style: italic; font-size:0.8em !important; margin-left:0.5em;}
.footeritem {max-width:16em; margin:0.5em;}
#usefullinks {list-style:none; padding:0;}
#usefullinks li {padding-bottom:0.5em;}
#usefullinks a { color:white !important; font-size:0.8em !important; }
#usefullinks a:hover { text-shadow: 0 0 0.1em #f9f9f9 !important; }
#usefullinks a:active { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;}

input[type="text"] {width:10em;}

/* Copyright*/
#copyright {font-size: small; color:#000; font-family:"Ubuntu", sans-serif; text-align:center;margin-top:1em;}


/* Side Bar */
#side {
	width:20em;
	max-width:70%;
	border-radius: 0.5em;
	padding:1em;
	margin-left:1em;
	/*background-color:#ef7d00;*/
	background:rgba(0,0,0,0.6);
	/*box-shadow:0em 0em 0.313em 0.063em rgba(0,0,0,0.75);*/
	margin-bottom:1em;
}
#side section {
	padding:1em;
	background:white;
	/*border-bottom-left-radius:1.5em;
	border-bottom-right-radius:1.5em;*/
	margin-bottom:1em;
	border-top:0.2em solid #ef7d00;
}
#side section h2 {
	font-family:"Lakki Reddy";
	font-size:1.5em;
	color:#198a00;
	margin:auto;
}
#side section h3 {
	font-family:"Lakki Reddy";
	font-size:1.1em;
	color:#198a00;
	margin:auto;
}
#side label {color:#555;}
.subscribe {text-align:center;}
.subscribe label {font-size:small;font-family:"Ubuntu", sans-serif;}