@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);


/* WUMP+3R COLOURS */
/* 	Green: 				#004213
	Red: 				#d4002e
	Grey background:	#e7e7e7
	Dark grey: 			#6e6e6e
	White:				#fdfdfd		*/



/* --------------------------------------- General: body and headers */

a, a:link, a:visited
{
	 color: #d4002e;        		/* color of all links. e.g. Table headings */
	 font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;	
}

body {
background: #e7e7e7;
font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;
color: #6e6e6e;
}

/* Heading 1 - color/typeface of ‘Find Projects’ title    */
h1 {
	color:#d4002e;
	font-weight: bold; 
	font-family: 'Ubuntu', sans-serif, Arial, Helvetica, Arial, Helvetica;
}


/* [4] Heading 2 - color/typeface of smaller titles (e.g. 'tools for  this page') */
h2 {
	color:#d4002e !important;
	font-family: 'Ubuntu', sans-serif, Arial, Helvetica, Arial, Helvetica !important;
}


/* [5] Heading 3 - color of smaller titles (e.g. Funding details & project budget in in funding details). .. add !important;  */
h3 {
	color:#d4002e !important;
	font-family: 'Ubuntu', sans-serif, Arial, Helvetica, Arial, Helvetica !important; 
}


/* [6] Heading 4 - color of other smaller titles (e.g. project content) */
h4 {
	color:#d4002e !important;
	font-family: 'Ubuntu', sans-serif, Arial, Helvetica, Arial, Helvetica !important;
}



/* [7] Headings in the columns (e.g.) ‘Partners’ */
th {
	color:#d4002e;
	font-family: 'Ubuntu', sans-serif, Arial, Helvetica, Arial, Helvetica;
}


/* ??? */
div.round.white_back {
	border: 1px solid #d4002e !important;
}

#project_funding_details_link {
color: #004213 !important;
}

p.white.tiny
{
	color:#004213;
}

p.white_back {
	background-color: #fdfdfd;
}

.ui-tabs-nav .ui-tabs-selected a {
	color: #d4002e;;
}

body, button, input, select, textarea {
font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;
}

/* ----------------------------------------------------- [8] Page Header */

.bottom_gradient_bar { background: #e7e7e7; }                  /* Background color of Page Heading  */
.bottom_gradient_bar.pad_bottom10 { padding-bottom: 0; }
.bottom_gradient_bar .container.pad_top10 { padding-top: 0; }

.bottom_gradient_bar .container { position: relative; }
.bottom_gradient_bar .container .small.marg_left20 {
	position: absolute; right: 0px ; top: 115px;
	}



/* ---------------------[9] Back to Akvo Button  */

.bottom_gradient_bar .container .small a,
.bottom_gradient_bar .container .small a:link,
.bottom_gradient_bar .container .small a:visited { 
	display: block; height: 30px; padding: 0 10px;       
	text-decoration: none; line-height: 27px;            /* BUTTON: change line-height to change height of text    */
	background: none; 
	color: #d4002e;                 /* BUTTON: when in neutral state: background=color button, color=color text   */
	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
	}
.bottom_gradient_bar .container .small a:hover {             /* BUTTON: when hovered over: background=color button, color= color text   */
	background: #d4002e; 
	color: #FDFDFD;
	}




/* ——————————————————————————[10] Breadcrumb (navigation bar)  */
					

.breadcrum_back {                             /* BUTTON mentioning the organisation’s name. (First item of breadcrumb bar)   */
	border: 0 none; 
	font-weight: bold;
	font-family: 'Ubuntu', sans-serif, Arial, Helvetica, Arial, Helvetica;
	color: #fdfdfd; background: #004213;      /* change background to change te color of the bar */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;                      /* increase/decrease (e.g. 30px) border radius to create rounded corners  */
	border: 1px solid #004213;
	}

ul.breadcrum { font-size: 16px; }
ul.breadcrum li a { 
	font-size: 13px;
	color: #fdfdfd;          /* BUTTON mentioning the organisation’s name. (First item of breadcrumb bar) — Text color    */
					 }


.last_breadcrum_item {                      /* BUTTON saying “projects”. (Last item of breadcrumb bar) - Text color   */
	font-size: 13px;
	color: #fdfdfd;
	}                              

.container { padding-top: 0; }


ul, ol {
line-height: 1.9em;
}


/*  -------------------------------------- [11] Search box */


.greybox
{
	border: 0px solid #FDFDFD;  	/* border whole search box */
	background-color: #FDFDFD;  	/* background search box */
	-moz-border-radius: 1px;    	/* radius round corners - increase/decrease for rounded corners */
	-webkit-border-radius: 1px;	/* radius round corners - increase/decrease for rounded corners */
	border-radius: 1px; 		/* radius round corners */
	
}

/*  color small text in search box */

span.tiny.grey {
color:#6e6e6e			/* color small text in search box */
} 



a.tiny {     
	
color:#6e6e6e;	             /* color text below search box saying “reset filter” */
	
}





/* ------------------------------------- color and border of info-box next to map */
.whitebox.fixed_height_250px {  
	background:none;
	border:none;
        overflow:hidden;            /* This hides the scrollbars if inserting an image with RSR cms */
}








/* [12]———————————————————————— Footer   */

.top_gradient_bar { background: none; }                  /* Background color of footer  */
				{ padding-top: none; }
.top_gradient_bar.pad_bottom10 { padding-bottom: 0; }





/* [13] --------------------------------------  TABLE header & footer */

.table_top,.table_bottom
{
	font-size:.8200 em;
	background-color: #004213;     /* color of table header and footer */
	border-right: 1px solid #004213;
	border-left: 1px solid #004213;
	padding:10px;
	color:#FDFDFD;	               /* color of text in table header and footer */
}



.table_top
{
	border-top: 1px solid #004213;    	/* color of table header top border */
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-right-radius:1px;     /* increase (e.g. 10px) border radius to create rounded corner of top-right border.  */
	-webkit-border-top-left-radius:1px;      /* increase (e.g. 10px) border radius to create rounded corner of top-left border.  */
}

.table_bottom
{
	border-bottom: 1px solid #004213;      	/* color of table footer bottom border */
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-right-radius: 1px;    /* increase (e.g. 10px) border radius to create rounded corner of bottom-right border.  */
	-webkit-border-bottom-left-radius: 1px;     /* increase (e.g. 10px) border radius to create rounded corner of bottom-left border.  */
}








/* [15] --------------------------- Buttons   */ 


.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { 
    font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: 4px 8px 5px; }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }

.blue.awesome, .blue.awesome:visited		{ background-color: #d4002e; }		/*  Filter button in ’Search box'  */
.blue.awesome:hover				{ background-color: #6e6e6e; }		/*  Filter button in ‘Search box' after hovering over  */

.orange.awesome, .orange.awesome:visited	{ background-color: #d4002e; }  	/*  Donate button in 'Funding box’ on project page  */
.orange.awesome:hover				{ background-color: #6e6e6e; }          /*  Donate button in 'Funding box' on project page, after hovering over  */

.yellow.awesome, .yellow.awesome:visited	{ background-color: #d4002e; }			/*  Donate button in 'Funding box' in project listing */
.yellow.awesome:hover	                    { background-color: #6e6e6e; }		/*  Donate button in 'Funding box' in project listing after hovering over  */

.aqua.awesome, .aqua.awesome:visited		{ background-color: #d4002e; }		/*  ‘Add update’ button in 'Funding box' on project page */
.aqua.awesome:hover	                        { background-color: #6e6e6e; }		/*  ‘Add update’ button in 'Funding box' on project page, after hovering over  */





/* [16]————————————————— Funding box  */

.money_blue_background {
border-style: solid;
border-color: #FDFDFD;
border-width: 0px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;				
border-radius: 2px;
background: #FDFDFD;									/*  Background color of funding box on project page  */
background: -webkit-gradient(linear,0% 0,0% 100%,from(#FDFDFD),to(#FDFDFD));  		/*  Background color of funding box on project page  */
background: -webkit-linear-gradient(top,#FDFDFD,#FDFDFD);  				/*  Background color of funding box on project page  */
background: -moz-linear-gradient(top,#FDFDFD,#FDFDFD);   				/*  Background color of funding box on project page  */
background: -ms-linear-gradient(top,#FDFDFD,#FDFDFD);   				/*  Background color of funding box on project page  */
background: -o-linear-gradient(top,#FDFDFD,#FDFDFD);   					/*  Background color of funding box on project page  */
margin-bottom: 20px;
}

.status_large {
background-color: #457CC1;  	
background: #457CC1;  		
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 5px;		/* Radius round corners of project status in funding box on project page  */
font-size: 1.2em;
padding: 5px 10px;
color: white;
}





/* -------------------------------------- Others */


/* Hide the funding details link. Remove note signs (/* */ to enable */
/* #project_funding_details_link {
	display:none; */