:root 
	{
	  --main_color: #8CBF1B; /* Lemon Green */
	  --main_color_shade: #0a8f08; /* Dark Green */
	  --foreground_color1: #0D0D0D; /* More Darker gray */
	  --foreground_color2: #616161; /* Darker gray */
	  --foreground_color6: #717171; /* Darker gray */
	  --foreground_color4: #1a1a1a; /* Darker gray */
	  --foreground_color3: #000000; /* Black color */  
	  --foreground_color5: #fD6A02; /* More reddish orange*/
	  --background_shade1: #e3e5e3; /* Lighter gray */
	  --background_shade2: #7E7E7E; /* Light gray */
	  --background_shade3: #FAFAFA; /* Lightest gray */
	  --background_shade4: #ffffff; /* White */
	  --background_shade5: #20639B; /* Mild blue */
	  --alert_error_shade1: #EFFD5F; /* Pale Yellow */
	  --alert_error_shade2: #fffacd; /* Sand Color */
	  --alert_error_color1: darkred; /* Darkred */
	  --alert_success_shade1: #DCF8C6; /* Light green */
	  --alert_success_color: forestgreen; /* Light green */
	
		/*#f2f2f2  //Reserved gray */
		/*#bbb   //Unique blue */
		/*#00264D  // Blue */
	}
	
	
	
	*
	{
		box-sizing: border-box;
		padding: 0;
		margin: 0;
	}

	body
	{
		background: var(--background_shade3);
		font-size: 16px;
		/*
		font-family: 'Oswald', sans-serif, Abel, arvo, open sans, verdana;*/
		font-family: 'Roboto', sans-serif, arial;
		font-weight: 400;
		line-height: 1.5;
	}
	
	
	/* ANCHOR LINKS */
	
	a
	{
		text-decoration: none;
		color: var(--main_color);
	}
	
	
	#breadcrumbs
	{
		color: var(--background_shade4);
		font-weight: bold;
	}
	
	
	/* SIDEBAR */
	
	
	.sidebar_content h5
	{
		color: var(--main_color); 
	}
	
	
	.sidebar_column 
	{
		margin: 20px 0;
	}
	
	
	.sidebar_column a
	{
		display: block;
		padding: 5px 0 ;
		color: var(--foreground_color2);
		font-weight: bold;
	
	}
	
	.sidebar_column a:hover
	{
		color: var(--main_color);
	}
	
	
	.sidebar_column2
	{
		display: flex;
	}
	
	.sidebar_column2 div
	{
		flex: 1;
		padding: 10px 10px 10px 0;
	}
	
	.sidebar_column2 a
	{
		display: block;
		padding: 0 0 10px 10px;
		color: var(--main_color);
		font-weight: bold;
		display: block;
	}
	
	
	.sidebar_column2 span
	{
		display: block;
		padding: 0 0 0 10px;
	}
	
	
	.sidebar_column2 img
	{
		display: block;
		height: 130px;
		object-fit: cover;
	}
	
	
	/* TITLE PAGES */
	
	.title 
	{
		text-transform: uppercase;
	}
	
	#title 
	{
		background: var(--foreground_color3);
		background-image: radial-gradient(rgba(13,13,13,0.4), rgba(13,13,13,0.9)), url('../images/children2.jpg');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-bottom: thin solid var(--main_color);
	}
	
	#title h2
	{
		color: var(--background_shade4);
		text-shadow: 0 0 5px var(--foreground_color3);
		
	}
	
	.title_container
	{
		height: 50vh;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 10%;
		flex-direction: column;
	}
	
	
	/* BUTTONS */
	
	button
	{
		background: var(--main_color); 
		border-radius: 4px;
		border: none;
		padding: 15px 30px;
		font-size: 18px;
		color: var(--background_shade4);
		cursor: pointer;
		opacity: 0.9;
	}
	
	button:focus
	{
		border: 1px solid var(--main_color);
	}
	
	button:hover
	{
		opacity: 0.8;
		transition: 1s;
	}
	
	
	/* LOGO */
	
	.logo
	{
		width: 250px;
		
	}
	
	.logo2
	{
		max-width: 200px;
		
		display: block;
		margin: 0 auto 20px auto;
		
	}
	
	
	
	
	
	/* HEADING */
	
	h1,h2,h3,h4,h5,h6
	{
		line-height: 1.3;
		margin: 0 0 20px 0;
		color: var(--main_color);
	}
	
	h1
	{
		font-size: 45px;
	}
	
	h2
	{
		font-size: 40px;
	}
	
	h3
	{
		font-size: 30px;
	}
	
	h4
	{
		font-size: 25px;
	}
	
	h5
	{
		font-size: 20px;
	}
	
	h6
	{
		font-size: 16px;
	}
	
	
	.sub_heading
	{
		color: var(--main_color);
		margin: 40px 0 0 0;
	}
	
	
	
	/* IMAGES */
	
	img
	{
		width: 100%;
		display: block;
	}
	
	
	/* FORM INPUT */
	
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active{
		-webkit-box-shadow: 0 0 0 30px var(--background_shade4) inset !important;
	}
	
	input[type=number], input[type=text], input[type=email], input[type=password], input[type=file], input[type=tel], input[type=date]
	{
		border: 1px solid var(--background_shade1);
		padding: 5px 20px;
		width: 100%;
		height: 48px;
		font-size: 14px;
		outline: none;
	}
	
	input
	{
		filter: none;
	}
	
	textarea
	{
		border: 1px solid var(--background_shade1);
		padding: 5px 20px;
		width: 100%;
		height: 300px;
		font-size: 14px;
		outline: none;
	}
	
	select
	{
		border: none;
		padding: 15px 20px;
		width: 100%;
		font-size: 14px;
		outline: none;
	}
	
	input:focus, textarea:focus
	{
		border: 1px solid var(--main_color);
	}
	
	.form_input
	{
		margin: 10px 0;
		
	}
	
	.form_input2
	{
		border: 1px solid var(--background_shade1);
		
	}
	
	.input_box
	{
		display: flex;
	}
	
	
	.input_box span
	{
		color: var(--foreground_color2);
		display: block;
		margin-bottom: 10px;
	}
	
	
	
	.input_box div
	{
		flex: 1;
		padding: 10px;
	}
	
	
	
	/* PARAGRAPHS */
	
	p
	{
		font-size: 16px;
		line-height: 1.7;
		margin: 0 0 20px 0;
		color: var(--foreground_color2);
	}
	
	p:last-child
	{
		margin: 0;
	}
	
	p.less_padded_p
	{
		font-size: 15px;
		line-height: 1;
		color: var(--foreground_color4);
		margin: 10px 0;
	}
	
	
	
	.small_paragraph
	{
		font-size: 14px;
		line-height: 2;
		margin: 0 0 20px 0;
		color: var(--background_shade2);
	}
	
	
	/* SMALL TAG */
	
	small
	{
		font-size: 12px;
		color: silver;
		text-transform: uppercase;
	}
	
	
	
	/* UL AND LI */
	
	ul li
	{
		list-style: none;
	}
	
	
	
	/* NAVIGATION BAR */
	
	#hamburger
	{
		display: none;
	}
	
	
	
	.media_menu
	{
		
		background: var(--background_shade4);
		width: 350px;
		position: fixed;
		top: 0;
		left: -350px;
		height: 100%;
		z-index: 99;
		overflow: auto;
		transition: 1s;
	}
	
	.drop_down
	{
		display: none;
		background: var(--background_shade4);
		margin-top: 5px;
		position: absolute;
		width: 200px;
	}
	
	.nav_bar .menu_container li .drop_down a
	{
		border-bottom: 1px solid var(--main_color);
		display: block;
		padding: 10px 20px;
	}
	
	.nav_bar .menu_container li:hover .drop_down
	{
		display: block;
		animation: show 1s linear;
		-webkit-animation: show 1s linear;
		-moz-animation: show 1s linear;
	}
	
	@keyframes show
	{
		from{transform: translateY(1px); opacity: .8}
		to{transform: translateY(0px); opacity: 1}
	}
	
	@-webkit-keyframes show
	{
		from{transform: translateY(1px); opacity: .8}
		to{transform: translateY(0px); opacity: 1}
	}
	
	@-moz-keyframes show
	{
		from{transform: translateY(1px); opacity: .8}
		to{transform: translateY(0px); opacity: 1}
	}
	
	.drop_down a:last-child
	{
		border-bottom: none;
	}
	
	
	.drop_down a li
	{
		font-weight: normal;
		color: var(--main_color);
	}
	
	.mega_menu
	{
		display: none;
		background: var(--background_shade4);
		margin-top: 5px;
		position: absolute;
		left: 0;
		top: 78px;
		width: 100%;
		z-index: 11;
		padding: 0 100px;
	}
	
	.nav_bar .menu_container li.mega_menu_container
	{
		position: static;
	}
	
	
	.single_mega_menu
	{
		color: var(--main_color);
		flex: 1;
		padding: 0 20px;
		border-left: 1px solid var(--main_color);
	}
	
	.single_mega_menu:first-child
	{
		border-left: none;
	}
	
	
	.single_mega_menu li
	{
		color: var(--main_color);
		font-weight: normal;
	}
	
	.nav_bar .menu_container li:hover .mega_menu
	{
		display: flex;
		animation: show_mega 1s linear;
		-webkit-animation: show_mega 1s linear;
		-moz-animation: show_mega 1s linear;
	}
	
	@keyframes show_mega
	{
		from{transform: translateY(2px); opacity: .8}
		to{transform: translateY(0px); opacity: 1}
	}
	
	@-webkit-keyframes show_mega
	{
		from{transform: translateY(2px); opacity: .8}
		to{transform: translateY(0px); opacity: 1}
	}
	
	@-moz-keyframes show_mega
	{
		from{transform: translateY(2px); opacity: .8}
		to{transform: translateY(0px); opacity: 1}
	}
	
	
	
	.menu_container
	{
		display: flex;
		align-items: center;
	}
	
	
	.nav_bar .menu_container .main_menu, .nav_bar .menu_container .mega_menu_container
	{
		position: relative;
	}
	
	
	
	
	.nav_bar .menu_container a
	{
		padding: 0 20px;
		color:  var(--foreground_color2);
		text-transform: uppercase;
		
	}
	
	
	
	.nav_bar .menu_container a li:hover
	{
		color: var(--main_color);
		transition: 1s;
	}
	
	
	
	#nav_bar2 .nav_bar .menu_container li a:hover, #nav_bar .nav_bar .menu_container li a:hover
	{
		color: var(--main_color);
		transition: 1s;
	}
	
	
	
	#nav_bar2 .nav_bar .menu_container .active_menu, #nav_bar .nav_bar .menu_container .active_menu
	{
		color: var(--main_color);
		
	}
	
	.media_menu .active_menu
	{
		color: var(--main_color);
		
	}
	
	.media_menu a:hover
	{
		color: var(--main_color);
		transition: .5s ease-in-out;
	}
	
	.main_menu.dropdown
	{
		position: relative;
	}
	
	.menu_dropdown
	{
		position: absolute;
		background: var(--background_shade4);
		width: 250px;
		display: none;
	}
	
	
	.menu_dropdown li
	{
		padding: 8px;
	}
	
	.menu_dropdown li:not(last-of-type)
	{
		border-bottom: 1px solid var(--background_shade1);
	}
	
	
	.menu_list
	{
		position: relative;
	}
	
	.menu_dropdown.submenu
	{
		left: 250px;
		top: -1px;
		display: none;
	}
	
	
	.menu_dropdown a:hover
	{
		color: var(--main_color);
		transition: .5s ease-in-out;
	}
	
	
	/* CONTAINERS */
	
	.vision_wrapper
	{
		display: flex;
		padding: 50px;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.vision_box
	{
		margin: 10px;
		flex-basis: 250px;
		overflow: hidden;
		flex-grow: 1;
		flex-shrink: 0;
		background: var(--background_shade4); 
		box-shadow: 0 0 10px var(--background_shade1);
	}
	
	
	.vision_pix
	{
		width: 100%;
		height: 200px;
	}
	
	.vision_pix img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.vision_text
	{
		padding: 20px;
		height: 100%;
		width: 100%;
	}
	
	.vision_text.orange
	{
		background: var(--foreground_color5);
	}
	
	.vision_text.lemon
	{
		background: var(--main_color);
	}
	
	.vision_text.blue
	{
		background: var(--background_shade5);
	}
	
	
	.vision_text p, .vision_text h3
	{
		color: var(--background_shade4);
		text-align: center;
	}
	
	.vision_text h3
	{
		text-transform: uppercase;
	}
	
	
	.single_page_container
	{
		display: flex;
		background: var(--background_shade1);
	}
	
	
	.single_page_container .single_two_column
	{
		flex: 3;
	}
	
	.single_page_container .single_one_column
	{
		flex: 1;
		background: var(--background_shade3);
	}
	
	
	.single_main_content
	{
		padding: 20px 100px;
	}
	
	
	
	.news_wrapper
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
	}
	
	.news_box
	{
		flex-basis: 400px;
		flex-grow: 1;
		margin: 20px;
	}
	
	.news_box img
	{
		height: 300px;
		object-fit: cover;
	}
	
	.news_box h5
	{
		color: var(--foreground_color4);
	}
	
	
	.news_box:nth-last-child(odd)
	{
		
		flex-grow: 0;
	}
	
	span
	{
		color: var(--background_shade2);
	}
	
	.news_row
	{
		padding: 40px;
		margin: 20px;
		border-radius: 20px;
		border: 1px solid silver;
		
	}
	
	
	.news_row h2
	{
		color: var(--foreground_color4);
	}
	
	.image_caption
	{
		display: inline-block;
		padding: 5px 10px;
		color: var(--background_shade4);
		background: var(--foreground_color2);
		position: relative;
		left: 0;
		top: -40px;
	}
	
	
	.main_container
	{
		display: flex;
	}
	
	.main_container .main_body
	{
		flex: 3;
		background: var(--background_shade3);
	}
	
	.main_container .sidebar
	{
		flex: 1;
		padding: 50px;
		background: var(--background_shade1);
	}
	
	
	.donate_container
	{
		padding: 50px 50px 50px 100px;
		background: var(--background_shade3);
		
	}
	
	.donate_container h4
	{
		text-align: center;
	}
	
	
	.donate_container h5
	{
		text-align: center;
		
	}
	
	.paypal_form
	{
		text-align: center;
	}
	
	
	
	.paystack_container
	{
		padding: 20px;
		text-align: center;
	}
	
	
	.paystack_container img
	{
		max-width: 200px;
		margin: auto;
	}
	
	
	.social_container
	{
		padding: 20px;
		background: var(--background_shade1);
		display: flex;
		justify-content: center;
		border-bottom: 1px solid var(--background_shade2);
	}
	
	.social_container a
	{
		flex-basis: 150px;
		color: var(--foreground_color2);
		flex-shrink: 0;
	}
	
	.social_container a.youtube
	{
		flex-basis: 200px;
		
	}
	
	
	.social_container i
	{
		margin-right: 5px;
		color: var(--main_color);
	}
	
	
	#pay_now
	{
		background: orange;
		width: 100%;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: bold;
	}
	
	
	.sidebar_news
	{
		display: flex;
		margin: 0 0 10px 0;
	}
	
	.sidebar_news_nopix
	{
		margin: 0 0 40px 0;
	}
	
	
	.sidebar_news div, .sidebar_news_nopix div
	{
		flex: 2;
		padding: 0 0 0 10px;
		margin: 0 0 30px 0;
	}
	
	.sidebar_news div:first-child, .sidebar_news_nopix div:first-child
	{
		flex: 1;
		padding: 0;
	}
	
	.sidebar_news img
	{
		width: 100%;
		height: 100px;
		object-fit: cover;
	}
	
	
	.sidebar_news h5, .sidebar_news_nopix h5
	{
		color: var(--foreground_color4);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin: 0;
		padding: 0;
		font-weight: 600;
	}
	
	
	
	
	.ellipsis-container
	{
		margin: 10px;
		padding: 0px 0 20px 0;
		overflow: hidden;
		
	}

	.ellipsis-container p
	{
		padding: 0 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-align: justify;
		
	}
	
	.ellipsis-container h3
	{
		padding: 0 20px;
	}
	
	.ellipsis-container span
	{
		padding: 0 20px;
		color: var(--background_shade2);
	}
	
	.ellipsis-container a
	{
		padding: 0 20px;
		
	}
	
	.post_category
	{
		background: red;
		color: var(--background_shade4);
		padding: 5px 10px;
		display: inline-block;
		border-radius: 5px;
		font-size: 12px;
		font-weight: 800;
	}
	
	
	.post_category_container
	{
		text-align: right;
		margin: 0 0 5px 0;
	}
	
	.form_container
	{
		padding: 50px;
		box-shadow: 0 0 10px var(--background_shade1);
		border-radius: 10px;
		background: var(--background_shade4);
		margin: auto;
		max-width: 600px;
	}
	
	
	.form_container h4
	{
		color: var(--foreground_color2);
	}
	
	
	.heading_container
	{
		flex-direction: column;
		justify-content: center;
		padding: 0 50px;
		
	}
	
	
	
	.contact_row
	{
		display: flex;
		align-items: flex-start;
		
	}
	/*
	.map_container
	{
		border-top: thin solid var(--main_color);
	}
	*/
	.contact_column
	{
		padding: 20px;
		margin: 20px;
		background: var(--background_shade3);
		border: thin solid var(--main_color);
		box-shadow: 0 0 5px silver;
		flex: 1;
		border-radius: 10px;
		
	}
	
	.contact_column.address
	{
		background: var(--main_color);
		border: thin solid var(--main_color);
		
	}
	
	
	.contact_column.address i
	{
		color: var(--background_shade4);
	}
	
	
	.contact_column button
	{
		margin: 10px 0 0 0;
	}
	
	
	.contact_column:nth-child(2)
	{
		flex: 2;
	}
	
	
	.contact_column i
	{
		color: var(--main_color);
		display: inline-block;
		margin: 0 20px 0 0;
		font-size: 16px;
		
	}
	
	.contact_column span
	{
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		color: var(--background_shade4);
	}
	
	
	
	.contact_column h3
	{
		color: var(--main_color);
	}
	
	
	
	
	.contact_column div
	{
		display: flex;
		margin: 20px 0;
	}
	

	.faq_container
	{
		padding: 10px 0;
	}
	
	.faq
	{
		padding: 20px;
		background: var(--main_color); 
		color: var(--background_shade4);
		border-radius: 5px;
		cursor: pointer;
	}
	
	.faq:hover
	{
		background: var(--main_color); 
	}
	
	
	.faq h5
	{
		color: var(--background_shade4);
		margin: 0;
	}
	
	
	.answer
	{
		padding: 10px 20px;
		background: var(--background_shade3); 
		color:  var(--foreground_color4);
		display: none;
	}
	
	

	
	.main_container_padded
	{
		padding: 50px 5%;
		
	}
	
	.main_container_padded h2
	{
		margin-top: 30px;
	}
	
	
	.more_container
	{
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	
	#wrapper
	{
		display: flex;
		background: var(--background_shade4);
	}
	
	#wrapper .main_body
	{
		padding: 0 20px;
		flex: 4;
		
	}
	
	
	.two_column_container
	{
		display: flex;
	}
	
	
	.two_column_container h2
	{
		color: var(--foreground_color1);
	}
	
	
	.two_column_container div
	{
		flex: 1;
		
	}
	
	
	.two_column_container div h2
	{
		text-align: left;
		
	}
	
	
	.two_column_content
	{
		padding: 0 50px;
	}
	
	.two_column_content p
	{
		font-size: 30px;
	}
	
	
	
	.two_column
	{
		display: flex;
		margin: 0 0 30px 0;
		background: var(--background_shade4);
		box-shadow: 0 0 10px 10px var(--background_shade3);
	}
	
	.two_column img
	{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	
	.two_column:last-child
	{
		margin: 0;
	}
	
	.two_column div
	{
		flex: 1;
		
	}
	
	.two_column div:nth-child(2)
	{
		flex: 2;
	}
	
	
	hr
	{
		color: var(--background_shade3);
	}
	
	
	#wrapper .sidebar
	{
		flex: 2;
		padding: 10px;
	}
	
	
	.wide_container
	{
		flex: 2;
		padding: 0 20px 0 0;
		flex-basis: 500px;
	}
	
	.narrow_container
	{
		flex: 1;
		padding: 20px;
		border: 1px solid var(--main_color);
		flex-basis: 300px;
	}
	
	.narrow_container li
	{
		padding: 20px 0;
		font-weight: bold;
	}
	
	.narrow_container li::before
	{
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 20px 0 0;
		border-radius: 50%;
		background: var(--main_color);
	}



	.loading_container
	{
		position: fixed;
		z-index: 100;
		background: var(--background_shade4);
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}
	
	.dot_container
	{
		display: flex;
	}
	
	.loading_dot
	{
		width: 15px;
		height: 15px;
		background: var(--background_shade2);
		border-radius: 50%;
		margin: 5px;
	}



	.top_bar
	{
		padding: 10px 50px;
		border: 1px solid var(--background_shade1);
		display: flex;
	}
	
	
	.top_bar a
	{
		color: var(--foreground_color4);
	}
	
	
	
	
	
	.top_bar i
	{
		padding: 0 10px;
		color: var(--main_color);
	}
	
	
	
	.top_bar .top_content:nth-child(2)
	{
		flex: 1;
		text-align: right;
	}
	
	
	
	
	.highlight
	{
		background: var(--main_color);
	}
	
	

	


	
	
	.nav_bar2_content
	{
		padding: 30px 100px 20px 30px;
		position: relative;
		top: 0;
		right: -20px;
		background: var(--main_color);
		width: 400px;
		transform: skewX(-20deg);
		font-weight: bold;
	}
	
	
	.content_container
	{
		margin: 10px;
		padding: 20px;
		background: var(--background_shade4);
		box-shadow: 0 1px 2px var(--background_shade1);
		border-radius: 5px;
	}

	.main_content
	{
		border-radius: 5px;
	}
	
	.content_container
	{
		border-radius: 5px;
		
	}
	
	.box_container
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.box1
	{
		border: thin solid var(--main_color);
		box-shadow: 0 0 5px silver;
		background: var(--background_shade1);
		width: 100%;
		max-width: 300px;
		margin: 10px;
	}
	
	
	
	.box_container h4
	{
		background: var(--main_color);
		color: var(--background_shade4);
		padding: 5px 10px;
	}
	
	.detail_container
	{
		padding: 10px;
		display: flex;
	}
	
	.detail_container div:first-child
	{
		flex: 2;
	}
	
	.detail_container div
	{
		flex: 1;
	}



	#top_bar
	{
		padding: 0px 11%;
	}
	
	
	
	#nav_bar
	{
		background: var(--background_shade4);
		/*position: relative;
		height: 90px;*/
		display: none;
		padding: 8px 50px;
	}
	
	
	
	#nav_bar2
	{
		background: var(--background_shade4);
		width: 100%;
		/*height: 90px;*/
		z-index: 99;
		display: flex;
		padding: 8px 50px;
		
	}
	
	#nav_bar2 a, #nav_bar a
	{
		color: var(--foreground_color4);
		font-size: 14px;
	}
	
	
	
	.nav_bar
	{
		flex: 1;
		z-index: 10;
		display: flex;
		justify-content: right;
		
	}
	
	
	
	
	
	.top_button
	{
		background: var(--main_color);
		width: 40px;
		height: 40px;
		border-radius: 4px;
		/*border: 2px solid var(--main_color);*/
		box-shadow: 2px 2px 5px var(--foreground_color3);
		color: var(--background_shade4);
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 40px;
		right: 5px;
		cursor: pointer;
	
	}
	
	
	
	
	
	
	
	.right_message
	{
		text-align: right;
		padding: 10px;
		width: 100%;
		
	}
	
	
	.right_message span
	{
		padding: 20px;
		display: inline-block;
		width: 250px;
		background: var(--alert_error_shade1);
		border-radius: 10px;
	}
	
	
	.left_message
	{
		text-align: left;
		padding: 10px;
		width: 100%;
	}
	
	
	.left_message span
	{
		padding: 20px;
		display: inline-block;
		width: 250px;
		background: var(--alert_error_shade2);
		border-radius: 10px;
		
	}
	
	
	.user_container
	{
		padding: 20px 0;
		width: 260px;
		height: 400px;
		overflow: auto;
		background: var(--background_shade4);
		box-shadow: 0 0 5px var(--background_shade1);
		z-index: 21;
		position: absolute;
		top: 65px;
		left: -270px;
		transition: 1s;
		
		
	}
	
	.user_container .close_users
	{
		color: var(--background_shade2);
		cursor: pointer;
		display: block;
		text-align: right;
		padding: 0 20px;
	}
	
	
	.user_container .close_users:hover
	{
		color: var(--foreground_color3);
	}
	
	.user_box
	{
		padding: 10px 20px;
		color: var(--background_shade2);
		position: relative;
		border-bottom: 1px solid var(--background_shade3);
	}
	
	.user_box:first-child
	{
		border-top: 1px solid var(--background_shade3);
		margin-top: 20px;
	}
	
	.unread_count
	{
		position: absolute;
		right: 3px;
		top: -2px;
		color: var(--background_shade4);
		background: green;
		border-radius: 50%;
		padding: 3px 10px;
		
		
	}
	
	.user_box:hover i, .user_box:hover
	{
		color: var(--foreground_color3);
		background: var(--background_shade3);
		transition: 1s;
	}
	
	.user_box i
	{
		display: inline-block;
		padding: 0 10px 0 0;
		color: var(--background_shade2);
	}
	
	.slide
	{
		left: 0;
		transition: 2s;
	}
	
	
	
	.top_button:hover
	{
		background: var(--background_shade4);
		color: var(--main_color);
		transition: 1s ease-in-out;
	}
	
	
	.message_body
	{
		/*
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		*/
		width: 100%;
		height: 400px;
		overflow: auto;
	}
	
	.chat_bottom_form
	{
		
		width: 100%;
		display: flex;
		overflow: hiddent;
		padding: 10px;
	}
	
	.chat_bottom_form div:first-child
	{
		flex: 1;
	}
	
	
	.chat_bottom button
	{
		padding: 15px;
		border-radius: 0 10px 10px 0;
	}
	
	.chat_bottom button:focus
	{
		border: none;
	}
	
	
	
	.chat_bottom input[type=text]
	{
		border: 1px solid silver;
		border-radius: 10px 0 0 10px;
	}
	
	.chat_bottom input[type=text]:focus
	{
		border: 1px solid green;
	}
	
	
	#row1
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
	}
	
	
	
	#row1 .inner_container
	{
		margin: 15px;
		width: 100%;
		flex-basis: 250px;
		flex-grow: 1;
		text-align: center;
		background: var(--background_shade4);
		border: 4px solid var(--background_shade4);
		box-shadow: 0 0 5px silver;
		overflow: hidden;
		
	}
	
	
	#row1 .inner_container:hover
	{
		border: 4px solid var(--main_color);
		transition: 1s;
	}
	
	
	.inner_container h5
	{
		padding: 10px 0 0 0;
		color: var(--foreground_color3);
	}
	
	
	
	.inner_container span
	{
		font-weight: bold;
		font-size: 16px;
		background: yellow;
		padding: 5px 10px;
		border-radius: 3px;
		color: red;
	}
	
	
	.inner_container p
	{
		padding: 0 5px;
	}
	
	
	
	#single_container
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 100px 5%;
	}
	
	#single_container .inner_container
	{
		margin: 15px;
		width: 100%;
		max-width: 250px;
		text-align: center;
		background: var(--background_shade4);
		padding: 10px;
		border-radius: 20px;
		box-shadow: 0 0 5px silver;
		
	}
	
	.single_news
	{
		background: white;
	}


	.single_news p
	{
		color: var(--foreground_color4); 
	}


	.single_news h2
	{
		margin: 0 !important;
		font-size: 30px;
	}
	
	.image_desc_container
	{
		margin: 0px auto;
		overflow: hidden;
		width: 100%;
		height: 250px;
		overflow: hidden;
		box-shadow: 0 0 5px silver;
		background: var(--background_shade4);
	}
	
	
	
	#row1 .inner_container a:hover h5
	{
		color: var(--main_color);
		
	}
	
	
	.image_desc_container img
	{
		height: 100%;
		object-fit: cover;
		
	}
	
	
	#row2
	{
		display: flex;
		flex-wrap: wrap;
		
	}
	
	
	#row2 button
	{
		margin-top: 30px;
	}
	
	
	#row2 .inner_container
	{
		flex: 1;
		flex-basis: 200px;
	
		background-color: var(--background_shade1);
		background-image: radial-gradient(rgba(13,13,13,0.8), rgba(13,13,13,1)), url('../images/fadapitaigbogroup.jpg');
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.founder_msg
	{
		background-color: var(--background_shade4);
		background-image: radial-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.9)), url('../images/sliders/slider3.png');
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.content_row
	{
		padding: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
	}
	
	.container_row
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
	}
	
	.content_row.mission
	{
		background: var(--background_shade1);
	}
	
	 .content_box
	{
		margin: 10px;
		flex: 1;
		flex-basis: 300px;
		flex-shrink: 0; 
		
		
	} 
	
	.content_box.donate
	{
		text-align: center;
	}
	
	.content_box.donate button
	{
		background: none;
		border: 1px solid var(--main_color);
		color: var(--main_color);
	}
	


	.date
	{
		margin-bottom: 20px;
		display: block;
	}


	.content_box img
	{
		width: 100%;
		/*height: 100%;
		object-fit: cover;*/
	}
	
	.content_box h2
	{
		color: var(--foreground_color3);
		
	}
	
	.content_box.msg_pix img
	{
		width: 100%;
		height: 300px;
		object-fit: cover;
		
	}
	
	
	.content_box.partner
	{
		margin: 20px;
		flex: 0;
		flex-basis: 200px;
		
		
	}
	
	.content_box.partner img
	{
		width: 100%;
	
	}
	
	.content_row.partner, .content_row.event
	{
		padding: 0px;
	}
	
	.content_wrap
	{
		padding: 60px;
	}
	
	.content_wrap.white
	{
		background: var(--background_shade4);
	}
	
	
	.content_wrap.event
	{
		background: var(--background_shade1);
	}
	
	.content_wrap h2
	{
		text-align: center;
	}
	
	.content_box.event
	{
		background: var(--background_shade4);
		box-shadow: 0 0 10px var(--background_shade1);
		display: flex;	
		flex-direction: column;	
	}
	
	.content_box_content
	{
		padding: 10px;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	.details_btn
	{
		margin-top: 20px;
	}
	
	.content_box_content h5
	{
		color: var(--foreground_color1);
	}
	
	.content_box_content h4
	{
		color: var(--foreground_color1);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin: 0;
		padding: 0;
		font-weight: 500;
		
	}
	
	.content_box_pix
	{
		height: 200px;
		overflow: hidden;
	}
	
	.content_box_pix img
	{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	
	
	.tabbed_container
	{
		
		max-width: 800px;
		margin: auto;
		
	}
	
	.tabbed_content
	{
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 0 10px var(--background_shade1);
		width: 100%;
		background: var(--background_shade4);
		max-height: 400px;
		overflow: auto;
		display: none;
	}
	
	.tabbed_button_container
	{
		padding: 0 20px;
		
	}
	
	.tabbed_button_container button
	{
		border-radius: 5px 5px 0 0;
		padding: 10px 20px;
	}
	
	
	.tabbed_button
	{
		box-shadow: -2px -2px 5px var(--background_shade1);
	}
	
	.profile_box
	{
		flex-basis: 550px;
		flex-grow: 0;
		flex-shrink: 1;
		margin: 10px;
		padding: 10px;
		display: flex;
		box-shadow: 0 0 10px var(--background_shade1);
		background: var(--background_shade4);
	}
	
	
	.project_container h3
	{
		font-size: 20px;
	}
	
	
	.content_wrap.project h3
	{
		color: var(--foreground_color2);
		text-align: center;
	}
	
	
	.project_container li:nth-child(even)
	{
		background: var(--background_shade1);
	}
	
	.container_project_row
	{
		columns: 3;
		column-gap: 15px;		
	}


	.content_project_box
	{
		
		/*
		flex-basis: 500px;
		flex-shrink: 1;
		*/
		/* margin: 0; */
		background: var(--background_shade4);
		border: 2px solid var(--background_shade4);
		/* position: relative; */
		box-shadow: 0 0 10px var(--background_shade1);

		margin-bottom: 15px;
    	break-inside: avoid;
		
	}
	
	

	@media screen and (max-width: 800px)
	{
		.container_project_row
		{
			columns: 2;
			
		}
	}

	@media screen and (max-width: 600px)
	{
		.container_project_row
		{
			column-gap: 10px;
		}

		.content_project_box
		{
			margin-bottom: 10px ;
		}
	}

	@media screen and (max-width: 460px)
	{
		.container_project_row
		{
			columns: 1;
			
		}
	}

	
	
	
	.project_pix
	{
		height: 300px;
	}
	
	.project_pix img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	
	.cutline
	{
		background: var(--background_shade4);
		margin: 0;
		padding: 5px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	
	
	
	
	
	.line
	{
		width: 60px;
		height: 3px;
		background: var(--foreground_color5);
		margin: 0 0 20px 0;
	}
	
	.profile_pix
	{
		flex: 1;
		height: 350px;
	}
	
	.profile_pix img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.profile_text
	{
		flex: 1;
		height: 350px;
		overflow: auto;
		padding: 10px;
	}
	
	.profile_text h5
	{
		color: var(--foreground_color1);
	}
	
	
	#row5 .inner_container
	{
		background-color: var(--background_shade1);
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
	}
	
	
	#row5 .inner_row
	{
		padding: 100px;
		max-width: 1000px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
	}
	
	#row5 .inner_row p
	{
		padding: 0 20px;
		font-size: 20px;
		flex: 1;
		
	}
	
	#row5 .inner_row span
	{
		display: block;
		padding-bottom: 20px;
		background: none;
		color:  var(--foreground_color4);
	}
	
	#row5 .inner_row span:last-child
	{
		padding-bottom: 0px;
	}
	
	
	#row2 .inner_row
	{
		padding: 100px;
		max-width: 1000px;
		margin: auto;
		
	}
	
	
	#row2 .inner_row a
	{
		display: block;
		text-align: center;
		
	}
	
	
	
	
	#row2 .inner_row p
	{
		color: var(--background_shade4);
		text-align: center;
	}
	
	
	
	#row2 .inner_row h2
	{
		color: var(--main_color);
		text-align: center;
	}
	
	
	
	
	
	#row3
	{
		background: var(--main_color);
		display: flex;
		padding: 50px 10%;
	}
	
	#row3 .inner_container
	{
		flex: 1;
	}
	
	#row3 .inner_container:nth-child(2)
	{
		text-align: center;
	}
	
	
	#row3 button
	{
		background: var(--main_color); 
	}
	
	#row3 button:hover
	{
		background: var(--main_color);  
		transition: 1s;
		box-shadow: 0 0 3px var(--foreground_color3);
	}
	
	#row3 p
	{
		color: var(--main_color);
		font-weight: bold;
	}
	
	
	#row4
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#row4_container h2, #row4_container small
	{
		text-align: center;
		display: block;
	}
	
	
	#row4_container
	{
		padding: 100px 10%;
	}
	
	
	#row4_container h2
	{
		margin-bottom: 50px;
	}
	
	
	#row4 .inner_container
	{
		flex-basis: 350px;
		margin: 10px;
		display: flex;
		
	}
	
	
	#row4 .inner_container i
	{
		font-size: 30px;
		display: block;
		background: var(--main_color);
		margin: 0 20px 0 0;
		padding: 10px;
		border-radius: 50%;
		color: var(--background_shade4);
	}
	
	
	
	#row4 .inner_container:hover h5
	{
		color: var(--main_color);
		transition: 1s;
	}
	
	
	#row4 .inner_container:hover i
	{
		background: var(--main_color);
		transition: 1s;
	}
	
	
	#row5_container
	{
		background-color: var(--main_color);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		padding: 120px 10%;
	}
	
	
	#row5_container h4
	{
		text-align: center;
		color: var(--background_shade4);
	}
	
	
	#row5_container form
	{
		background: var(--background_shade4);
		margin: auto;
		max-width: 600px;
		border-radius: 30px;
		position: relative;
		overflow: hidden;
		
	}
	
	#row5_container form button
	{
		right: 0;
		border-radius: 0px;
		display: block;
	}
	
	
	.subscribe
	{
		display: flex;
	}
	
	.subscribe div:first-child
	{
		flex: 1;
	}
	
	
	.loading_containter
	{
		background: var(--main_color);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	
	/* ....................VIDEOS......................... */

	#video_wrapper
	{
		height: 100%;
		display: none;
	}
	
	
	.video_wrap
	{
		flex-basis: 300px;
		flex-grow: 1;
		margin: 10px;
	}
	
	.video_title
	{
		font-size: 24px;
		text-align: center;
		margin: 30px 0 10px 0;
	}
	
	.video_title:first-child
	{
		margin: 10px 0 10px 0;
	}

		.video
		{
			width: 100%;
			max-width: 900px;
			
		}

		.video_container
		{
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			position: relative;
			
		}
		
		.video_container iframe
		{
			
			position: absolute;
			left: 0;
			width: 100%;
			height: 100%;
			margin: auto;
		}
		
		
		
		
		
		.video_box
		{
			min-height: 20px;
			width: 100%;
			max-width:400px;
		}
		
		
		
	
	
	.image_container
	{
		display: flex;
	}
	
	.image_container .image_box
	{
		margin: 60px 60px 60px 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100px;
		height: 100px;
	}
	
	
	.image_container span
	{
		margin: 20px 0;
		color: var(--background_shade4);
	}
	
	.slider_main_content 
	{
		max-width: 700px;
	}
	
	
	.slider_main_content h1, .slider_main_content p, .slider_main_content a
	{
		display: block;
		text-align: center;
		color: var(--background_shade4);
	}
	
	
	
	.slider_main_content h1
	{
		font-size: 40px;
		text-transform: uppercase;
	}
	
	
	/* SLIDE SHOW */
	
	.slideshow-container 
	{
	  width: 100%;
	  position: relative;
	  margin: auto;
	  overflow: hidden;
	}
	
	.website_info
	{
		z-index: 3;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 20px 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
	
	
	.website_info h6
	{
		text-align: center;
		color: var(--background_shade4);
	}
	
	
	
	.homepage_overlay
	{
		z-index: 2;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: var(--foreground_color3);
		opacity: .4;
	
	}

	.slideshow-container, .mySlides, .website_info, .hompage_overlay
	{
		height: 90vh;
	}
	

	.mySlides 
	{
	  display: none;
	}
	

	.mySlides img
	{
	  object-fit: cover;
	  height: 100%;
	}


	.prev, .next 
	{
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  width: auto;
	  margin-top: -22px;
	  padding: 16px;
	  color: var(--background_shade4);
	  font-weight: bold;
	  font-size: 18px;
	  transition: 0.8s ease;
	  border-radius: 0 3px 3px 0;
	  z-index: 10;
	  user-select: none;
	}

	
	.next 
	{
	  right: 0;
	  border-radius: 3px 0 0 3px;
	}

	
	.prev:hover, .next:hover {
	  background-color: rgba(0,0,0,0.8);
	}

	
	.text 
	{
	  color: var(--background_shade1);
	  font-size: 40px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 100%;
	  text-align: center;
	  text-shadow: 0 0 20px var(--foreground_color3);
	  font-weight: bold;
	  
	}

	.text h1
	{
		font-weight: bolder;
		max-width: 500px;
		margin: 0 auto;
		background: var(--foreground_color3);
		padding: 20px;
		border: 2px solid var(--background_shade2);
		opacity: 0.7;
		
	}

	.numbertext 
	{
	  color: var(--background_shade1);
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}

	
	.dot 
	{
	  cursor: pointer;
	  height: 15px;
	  width: 15px;
	  margin: 0 2px;
	  background-color: var(--main_color); 
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.8s ease;
	}

	.active, .dot:hover 
	{
	  background-color: var(--foreground_color5);
	}


	
	
	.slide_fade 
	{
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 13s;
	  animation-name: fade;
	  animation-duration: 13s;
	}

	@-webkit-keyframes grow 
	{
	  from {opacity: .8}
	  to {opacity: 1}
	}

	@keyframes grow 
	{
	  from {opacity: .8}
	  to {opacity: 1}
	}

	
	.grow_shrink 
	{
	  -webkit-animation-name: grow;
	  -webkit-animation-duration: 13s;
	  animation-name: grow;
	  animation-duration: 13s;
	}

	@-webkit-keyframes grow 
	{
	  from {width: 150%}
	  to {width: 100%}
	}

	@keyframes grow 
	{
	  from {width: 150%}
	  to {width: 100%}
	}
	
/*	
	.content_grow_shrink
	{
	  -webkit-animation-name: grow_shrink;
	  -webkit-animation-duration: 13s;
	  animation-name: grow_shrink;
	  animation-duration: 13s;
	}

	@-webkit-keyframes grow_shrink 
	{
	  from {transform: scale(1.2)}
	  to {transform: scale(1)}
	}

	@keyframes grow_shrink
	{
	  from {transform: scale(1.2)}
	  to {transform: scale(1)}
	}
*/	



	#footer1
	{
		display: flex;
		background: var(--foreground_color4);
	}
	
	#footer1 .inner_container
	{
		padding: 20px;
	}
	
	#footer1 .inner_container
	{
		flex: 1;
	}
	
/*	
	#footer1 .inner_container:first-child
	{
		flex: 2;
	}
*/
	
	
	#footer1 .inner_container .inner_content a
	{
		display: inline-block;
		width: 220px;
		margin: 5px 0;
		color: var(--background_shade1);
	}
	
	
	
	#footer1 .inner_container .inner_content p
	{
		color: var(--background_shade1);
	}
	
	
	
	
	#footer1 .inner_container .inner_content a i
	{
		color: var(--main_color);
		font-size: 10px;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	#footer1 .inner_container .inner_content a:hover
	{
		color: var(--main_color);
	}
	
	#footer_content
	{
		display: flex;
		
	}
	
	
	#footer_content .inner_content:first-child
	{
		flex: 1;
		margin: 20px 20px 0 0;
	}
	
	#footer_content .inner_content:nth-child(2)
	{
		flex: 3;
	}
	
	#footer_content .inner_content span
	{
		display: block;
		color: silver;
		font-size: 10px;
		
	}
	
	
	#footer_content .inner_content span i
	{
		display: inline-block;
		margin: 0 10px 5px 0;
	}
	
	
	#footer1 h5
	{
		color: var(--main_color);
	}
	
	#footer2
	{
		background: var(--background_shade1);
		padding: 20px 100px 40px 100px;
		display: flex;
	}
	
	#footer2 span
	{
		color: var(--foreground_color2);
		display: block;
		text-align: right;
		background: none;
		font-size: 12px;
	}
	
	#footer2 .inner_container
	{
		flex: 1;
	}
	
	
	#footer2 .logo
	{
		max-width: 200px;
	}
	
	
	/* ALERT */
	
	.alert_holder
	{
		position: fixed;
		top: 70px;
		left: 0;
		width: 100%;
		z-index: 99;
		padding: 10px;
		display: none;
	}
	
	
	
	.success_message
	{
		max-width: 500px;
		padding: 10px;
		background: var(--alert_success_shade1);
		display: flex;
		align-items: center;
		color: var(--alert_success_color);
		border-radius: 5px;
		margin: auto;
	}
	
	.success_message span, .success_message i
	{
		display: inline-block;
		color: var(--alert_success_color);
		padding: 0 5px;
		
	}
	
	.success_message span
	{
		flex: 1;
	}
	
	
	
	.fail_message
	{
		max-width: 500px;
		padding: 10px;
		background: peachpuff;
		display: flex;
		align-items: center;
		color: var(--alert_error_color1);
		border-radius: 5px;
		margin: auto;
	}
	
	.fail_message span, .fail_message i
	{
		display: inline-block;
		color: var(--alert_error_color1);
		padding: 0 5px;
	}
	
	.fail_message span
	{
		flex: 1;
	}
	
	
	.close_message
	{
		cursor: pointer;
	}
	
	.alert_holder .message
	{
		display: none;
	}
	
	
	.single_content .inner_container
	{
		flex-grow: 0;
	}
	
	
	
	
		.media_drop_down, .media_mega_menu
		{
			display: none;
			background: var(--background_shade4);
		}
		
		
		.media_menu_container .media_main_menu a, .media_menu_container .media_mega_menu_container a
		{
			padding: 10px 20px 10px 80px;
			display: block;
			color: var(--foreground_color2);
			font-weight: bold;
		}
		
		.media_menu_container .media_main_menu a:hover
		{
			color: var(--main_color);
			transition: .5s ease-in-out;
		}
		
		.media_menu_container .media_main_menu a.active_menu
		{
			color: var(--main_color);
		}
		
		
		.media_menu_container .media_main_menu
		{
			background: var(--background_shade4);
			display: block;
			border-bottom: thin solid var(--background_shade1);
			font-weight: bold;
			
		}
		
		
		.media_menu_container .media_main_menu:first-child
		{
			border-top: 1px solid var(--background_shade1);
		}
		
		.media_menu_dropdown
		{
			display: none;
		}
		
		.media_menu .media_menu_dropdown a
		{
			font-weight: 200;
			color: var(--foreground_color2);
		}
		
		
		.media_menu .media_menu_dropdown a.active_menu
		{
			color: var(--main_color);
		}
		
		
		.media_menu_dropdown a::before
		{
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			content: "\f0da";
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			margin: 0 10px 0 0;
			-webkit-font-smoothing: antialiased;
			color: var(--main_color);
		}
		
		.media_menu .media_submenu_dropdown 
		{
			display: none;
		}
		
		.media_menu .media_submenu_dropdown a
		{
			font-weight: 100;
			padding: 10px 20px 10px 100px;
			
		}
			
		
		.media_submenu_dropdown a::before
		{
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			content: "\f105";
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			margin: 0 10px 0 0;
			-webkit-font-smoothing: antialiased;
			color: var(--main_color);
		}
		
		
		
	
		
		
		
		
		.media_menu_container .media_main_menu .media_drop_down a, .media_menu_container .media_single_mega_menu a
		{
			background: var(--background_shade4);
			padding: 10px 30px;
			display: block;
			border-bottom: 1px solid var(--main_color);
			color: var(--main_color);
			font-weight: normal;
		}
		
		.media_menu_container .media_main_menu .media_drop_down a:last-child, .media_menu_container .media_single_mega_menu a:last-child
		{
			border-bottom: none;
		}
		
		
		.media_menu_container .media_main_menu i, .media_menu_container .media_mega_menu_container i
		{
			display: inline-block;
			text-align: right;
			float: right;
			cursor: pointer;
		}
		
		
		
		
		.media_mega_menu_container a
		{
			color: var(--main_color);
			cursor: pointer;
			font-weight: bold;
		}
	



	/* ........... IGBO CHALLENGE STYLES ................ */

	.challenge_top_ad
	{
		padding: 10px;
		/* background-color: var(--foreground_color5); */
		background-color: var(--main_color_shade);
		display: flex;
		justify-content: center;
	}

	.challenge_top_ad a
	{
		font-size: 16px;
		font-weight: bold;
		color: var(--background_shade4);
		text-shadow: #0D0D0D;
		text-align: center;
	}

	.challenge_top_ad span
	{
		color: var(--alert_error_shade1);
	}

	.social_btn_container
	{
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 20px;
		gap: 20px;
	}

	.social_btn_container a
	{
		flex: 1;
	}

	.social_btn_container a button
	{
		width: 100%;
		margin: 0;
		font-size: 14px;
		font-weight: bold;
	}

	.youtube_btn
	{
		background: #FF0000 !important;
	}

	.facebook_btn
	{
		background: #0866FF !important;
	}

	.instagram_btn
	{
		background-image: linear-gradient(to bottom right, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
	}

	.task_container
	{
		background: #f7f7f7;
		padding: 10px 10px 10px 30px;
		border-radius: 5px;
		position: relative;
	}

	.challenge_intro
	{
		color: var(--foreground_color1);
		font-weight: bold;
		position: relative;
		left: -15px;
	}

	.social_btn_container button i
	{
		margin-right: 10px;
		font-size: 20px;
	}

	
	
	/*............ RESPONSIVE MEDIA QUERIES ...............*/
	
	
	@media only screen and (max-width: 1454px)
	{
		
		.form_container
		{
			padding: 20px;
			box-shadow: 0 0 10px var(--background_shade1);
			border-radius: 10px;
			background: var(--background_shade4);
			margin: auto;
			
		}
		
		
		.main_container_padded h2
		{
			text-align: center;
		}
		
		
		.nav_bar2_content
		{
			padding: 30px 50px 30px 30px;
			width: 300px;
		}
		
		.nav_bar2_content h4
		{
			font-size: 20px;
		}
		
		
		.nav_bar .menu_container a
		{
			padding: 0 12px;
		}
	
		#top_bar
		{
			padding: 0px 5%;
		}
		
	}
	
	
	
	@media only screen and (max-width: 1196px)
	{
		.nav_bar2
		{
			width: 220px;
		}
	}
	
	
	
	@media only screen and (max-width: 1122px)
	{
		.menu_container
		{
			display: none;
		}
		
		#hamburger
		{
			display: block;
			text-align: right;
			color: silver;
			display: block;
			font-size: 35px;
			margin: 5px 10px 0 50px;
			cursor: pointer;
		}
		
		.hamburger
		{
			display: block;
			text-align: right;
			width: 100%;
			color: silver;
			display: block;
			font-size: 35px;
			margin: 20px;
			cursor: pointer;
		}
		
		#hamburger:hover
		{
			color: var(--main_color);
			transition: 1s;
		}
		
		#menu_close
		{
			font-size: 20px;
			padding: 20px;
			display: block;
			text-align: right;
			color: var(--background_shade2);
			cursor: pointer;
			transition: 1s;
		}
		
		
		#menu_close:hover
		{
			color: var(--main_color);
			transition: 1s;
		}
		
		.slide
		{
			left: 0;
			transition: 1s;
		}
		
		
		
		
		
		.slider_main_content 
		{
			max-width: 800px;
		}
		
		.slider_main_content h1
		{
			font-size: 50px;
		}
		
		#row2 .inner_container:nth-child(2)
		{
			padding: 50px;
		}
		
		
	
	}
	
	
	@media only screen and (max-width: 1113px)
	{	
		.donate_container
		{
			padding: 50px 50px 50px 50px;
				
		}
	}
	
	@media only screen and (max-width: 1110px)
	{
		#footer1 .inner_container, #footer1 .inner_container:first-child
		{
			flex: 1;
		}
		
		.chat_container
		{
			
			bottom: 5px;
			
		}
		
		
	}
	
	
	
	
	
	@media only screen and (max-width: 1113px)
	{
		.main_container
		{
			flex-direction: column;
		}
	}
	
	
	
	
	
	
	@media only screen and (max-width: 986px)
	{
		#footer1 .inner_content
		{
			margin-right: 40px;
		}
		
		#footer1 .inner_container h5:first-child
		{
			margin-right: 40px;
		}
		
		#footer2 
		{
			flex-direction: column;
			align-items: center;
		}
		
		.contact_row
		{
			flex-direction: column;
		}
		
	}
	
	
	
	@media only screen and (max-width: 960px)
	{
		.narrow_container
		{
			margin: 50px 0 0 0;
		}
		
		#row2
		{
			flex-direction: column;
		}
		
		#row2 .inner_container.first_column
		{
			background-size: cover;
		}
		
		#row3
		{
			flex-direction: column;
		}
		
		#row3 p
		{
			text-align: center;
		}
		
		#wrapper
		{
			flex-direction: column;
		}
		
		.two_column_container
		{
			flex-direction: column;
			padding: 0px;
		}
		
		.two_column
		{
			flex-direction: column;
		}
		
		.whatsapp_container
		{
			margin: 0 0 20px 0;
		}
		
		.whatsapp_container h2
		{
			margin: 0;
		}
	/*	
		.two_column_container div:nth-child(2), .two_column div:nth-child(2)
		{
			padding: 40px 0 0 0;
			
		}
		
	*/	
		
	}
	
	@media only screen and (max-width: 786px)
	{
		.social_container
		{
			flex-wrap: wrap;
		}
		
		.social_container a
		{
			flex-basis: 200px;
			padding: 5px 0;
		}
		
		
	}
	
	
	@media only screen and (max-width: 742px)
	{
		#footer1
		{
			flex-direction: column;
			padding: 20px;
		}
		
		
		#footer1 .inner_content
		{
			margin-right: 0px;
		}
		
		#footer1 .inner_container h5:first-child
		{
			margin-right: 0px;
		}
		
		
		.single_page_container
		{
			flex-direction: column;
		}
		
		.main_container_padded
		{
			padding: 30px 5%;
			
		}
		
		.main_container_padded h2
		{
			font-size: 30px;
			margin-top: 50px;
		}
		
		
		
		
	}
	
	
	@media only screen and (max-width: 699px)
	{
		#row1
		{
			
			padding: 10px;
			
		}
		
		
		#row2
		{
			margin-top: 0px;
			
			
		}
		
		
	}
	
	
	@media only screen and (max-width: 600px)
	{
		.profile_box
		{
			flex-direction: column;
		}
		
		
		.sidebar_column 
		{
			margin: 0;
			
		}
		
		.main_container .sidebar
		{
			padding: 30px 20px;
			
		}
		
		.contact_column
		{
			margin: 10px 0;
		}
		
		
		.project_pix
		{
			height: 300px;
		}
		
		
		.title_container
		{
			height: 30vh;
		}
		
		
		.content_wrap
		{
			padding: 20px 10px;
			
		}
		
		
		#nav_bar2, #nav_bar
		{
			padding: 8px 20px;
		}
		
		.top_bar
		{
			padding: 10px 20px;
			
		}	

		.top_bar .top_content
		{
			text-align: center;
			width: 100%;
		}	
		
		.vision_wrapper
		{
			padding: 20px;
		}
		
		.single_main_content
		{
			padding: 20px;
		}
		
	
		.input_box
		{
			flex-direction: column;
		}
		
		
		#title h2
		{
			font-size: 20px;
		}
		
		#wrapper .main_body
		{
			padding: 0px;
		}
			
		
		#row2 .inner_container:nth-child(2)
		{
			padding: 50px 20px;
		}
		
		
		
		
		.image_container .image_box
		{
			margin: 0px 20px 50px 0px;
			width: 70px;
			height: 70px;
		}
		
		.image_container .image_box:last-child
		{
			margin: 0px 20px 0px 0px;
			
		}
		
		

		#footer2 span
		{
			text-align: center;
			font-size: 14px;
			margin: 20px 10px;
			
			width: 100%;
		}
		
		#footer2
		{
			padding: 20px 15px 30px 15px;
		}
		
		#row5_container
		{
			padding: 120px 15px;
		}
		
		.slider_main_content h1
		{
			font-size: 30px;
		}
	
		.nav_bar2_content h4
		{
			font-size: 18px;
		}
		
		.website_info
		{
			padding: 20px 40px;
		}
		
		

		@-webkit-keyframes grow_shrink 
		{
		  from {transform: scale(1.1)}
		  to {transform: scale(1)}
		}

		@keyframes grow_shrink
		{
		  from {transform: scale(1.1)}
		  to {transform: scale(1)}
		}
		
		
		#row2 .inner_row
		{
			padding: 150px 20px 100px 20px;
			
		}
		
		.news_row
		{
			padding: 20px;
			margin: 10px;
			
		}
	
		.news_box
		{
			margin: 40px 0px;
			border-bottom: 1px solid silver;
			padding-bottom: 20px;
		}
		
		.news_box:last-child
		{
			border-bottom: none;
			
		}
		
		
		
		.curve_logo_container
		{
			position: static;
		}
		
		
		.top_bar .top_content:nth-child(2)
		{
			display: none;
		}
		
		.donate_container
		{
			padding: 20px;
				
		}
		
		.sidebar_news
		{
			margin: 0 0 20px 0;
		}
	}
	
	
	@media only screen and (max-width: 500px)
	{
		.project_pix
		{
			height: 230px;
		}
	}