@charset "UTF-8";

	
@media (min-width:768px) {
.row .navbar-default, footer   {
	background-color: white;
	opacity: 1;
	border-bottom: 1px solid rgba(0,0,0,.1);
	transition: 0.3s;
}
.row .nav.navbar-nav>li>a:link, .row .nav.navbar-nav>li>a:visited{
	color: black;
	transition: 0.3s;
}

.row .nav.navbar-nav li a:hover {
	opacity: .3;
	color: black;
}

/* temp border-bottom: 1px solid rgba(0,0,0,.1); */

.row .nav.navbar-nav {
	margin-left: 65px;
	width: 775px;
	float: none;
	padding-left: 0px;
	display: block;
}
.row .navbar {
	margin: 0px;
	border-bottom-width: 0px;
}

header.row h2 {
	color: #00FF00;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
	font-weight: bold;
	background-position: px 0%;
	font-size: 350%;
	text-align: center;
	text-shadow: 0px 5px 5px rgba(0,0,0,0.40);
}
.logowhite {
	color: #FFF;
}
header.row p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 3px 5px rgba(0,0,0,0.50);
	letter-spacing: 0.5em;
	color: #FFF;
}
#defaultNavbar1{
	font-size: 107%;
	border-bottom-width: 0px;
	display: block;	
}

	.nav.navbar-nav li{
		line-height: 40px;
		text-align: center;
	}
}
main.row aside blockquote {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border: none;
	font-size: 100%;
}
main.row aside blockquote p {
	padding: 0px 5px;
	margin: 0px 0px 5px 0px;
	text-indent: -.5em;
	color: #000000;
}
main.row aside blockquote cite {
	padding: 0px 10px;
	display: block;
	font-style: italic;
	text-align: right;
}
main.row aside {
	border: solid 2px #8F8F8F;
	margin-top: 1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 1em;
	padding-right: 15px;
	padding-left: 20px;
	/* border-bottom: solid 3px darkred; */
	font-size: 95%;
	padding-bottom: 1em;
	display: block;
}
main.row #socialMedia {
	border: solid 2px #8F8F8F;
	margin-top: 1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 1em;
	padding-right: 15px;
	padding-left: 20px;
	/* border-bottom: solid 3px darkred; */
	font-size: 95%;
	padding-bottom: 1.2px;
	display: block;
	/* [disabled]vertical-align: text-bottom; */
}
.sidebar2 {
	padding: 0px 10px;
	background-color: #F1F1F1;
	display:block;
	float:right;
}
.sidebar2 h2 {
	margin-top: 10px;
	padding: 0px 10px;
	margin-bottom: 5px;
	font-size: 130%;
	line-height: 1.4em;
	
}
.sidebar1 {
	padding: 0px 10px;
	background-color: #F1F1F1;
	display:"block";
	float:left;
}
.sidebar1 h2 {
	margin-top: 10px;
	padding: 0px 10px;
	margin-bottom: 5px;
	font-size: 130%;
	line-height: 1.4em;
	
}
@media (min-width:992px){
	.sidebar2 p {padding-bottom: 13px;}
	aside h5{
	font-size:105%;	
	}
	.hero-image h3{
		padding: 15px;
			
	}
	.hero-image h1{
		max-width:80%;
		text-align:center;
		margin: auto;
	}

	#localOrgs{
	font-size:15px;
	padding-bottom:300px;
	}
}

@media (max-width:991px){

	.hero-image h3{
		padding: 15px;
			
	}

	.hero-image h1{
		max-width:80%;
		text-align:center;
		margin: auto;
	}
	main.row aside {
	border: solid 2px #8F8F8F;
	margin-top: 1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 1em;
	padding-right: 15px;
	padding-left: 20px;
	/* border-bottom: solid 3px darkred; */
	font-size: 95%;
	padding-bottom: 1em;
	float: left;
	clear: right;
	height: 0%;
	}

	p.rightSidebarParagraph{
		margin-right: 30px;
	}

	main.row #socialMedia{
		border: solid 2px rgb(158, 158, 158); 
	}
	main.row #localOrgs{
		border:solid 2px #8F8F8F;
	}

}



footer {
	background-color: white;
	color: black;
	margin-top: 10px;
}
body {
	font-weight: 400;
	font-family: source-sans-pro, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: white;
}
main.row article h1 {
	font-family: patua-one;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 300%;
	line-height: 1em;
}
.sidebar2 section figure img {
    margin: 0px auto;
    display: block;
}
.sidebar2 section figure figcaption {
    margin: 5px 10px 15px 10px;
}
.sidebar1 section figure img {
    margin: 0px auto;
    display: block;
}
.sidebar1 section figure figcaption {
    margin: 5px 10px 15px 10px;
}
section h2 {
	margin-top: 15px;
	margin-bottom: 5px;
	color: #090;
	font-size: 170%;
	font-weight: bold;
}


.profile {
	margin: none 25px 15px 25px;
	padding-left: 10px;
	border-left: solid 2px #CADAAF;
	border-bottom: solid 10px #CADAAF;
}
section table {
	font-family: "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 90%;
	width: 95%;
	border-bottom: 3px solid #060;
}
section td, section th {
	padding: 4px;
	text-align: left;
	border-top: solid 1px #090;
}
section th {
	color: #FFC;
	text-align: center;
	border-bottom: solid 6px #060;
	background-color: #090;
}
section .date {
	width: 6em;
}
section .class {
	width: 10em;
}
section .event {
}
section .description {
}
section .location {
}
section .cost {
	width: 4em;
	text-align: center;
}
section .length {
	width: 4em;
	text-align: center;
}
section .day {
	width: 4em;
	text-align: center;
}
table caption {
	margin-top: 20px;
	padding-bottom: 10px;
	color: #090;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

.flt_rgt {
	float: right;
	margin-left: 10px;
}
.flt_lft {
	float: left;
	margin-right: 10px;
}
header h2 a:link, header h2 a:visited {
	color: inherit;
	text-decoration: none;
}
.ctr {
	text-align: center;
	margin-top: 15px;
}
header.row {
	margin-top: 52px;
	padding-bottom: 25px;
}
#top .dropdown-menu > li > a {
	padding: 10px;
	color: black;
	text-align: center;
	background-color: white;

	
}



#top .dropdown:hover .dropdown-menu{
	display:block;
	padding: 10px;
	color: black;
	text-align: center;
	background-color: white;
	z-index:1050;
}

#top .dropdown-menu {
	padding: 0px;
}
#top .open > a, #top .open > a:visited {
	background-color: white;
}
article table h3 {
	margin-top: 0px;
	margin-bottom:10px;
	font-size:130%;
	font-family: "arial narrow", verdana, "trabuchet ms", san-serif;
}
table h3 a:link, table h3 a:visited {
	color:#090;
	font-weight:bold;
}
section .panel-default > .panel-heading {
	background-color: #090;
	background-image: -webkit-linear-gradient(270deg,rgba(0,204,0,1.00) 0%,rgba(0,102,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,204,0,1.00) 0%,rgba(0,102,0,1.00) 100%);
	color:#FFC;
	
}
.panel-title a:hover, .panel-title a:focus {
	text-decoration: none;
	width: 0%;
}


section #accordion1 {
	border: solid 1px #060;
	border-radius: 5px;
	
}

section .panel-body{
	background-color:#CFC;
	
	
}

article .panel-default > .panel-heading:hover {
	background-color: #FFF;
	background-image: -webkit-linear-gradient(90deg,rgba(0,204,0,1.00) 0%,rgba(0,102,0,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(0,204,0,1.00) 0%,rgba(0,102,0,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(0,204,0,1.00) 0%,rgba(0,102,0,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(0,204,0,1.00) 0%,rgba(0,102,0,1.00) 100%);
	color: #FFC;	
}



.hero-text h1{
font-size: 45px; background-color: darkred; color: white; font-weight: bold; border-radius: 30px;
}



@media (max-width: 426px){
	header.row p {
    letter-spacing: .1em;
	}
	.hero-text h1, .hero-text h3 {
	font-size: 170% !important
	}
	header.row {
    padding: 10px 0px;
    background-size: 75% auto, auto auto;
    font-size: 90%;
	}
	main.row article h1 {
    padding-top: 15px;
    font-size: 185%;
    line-height: 1.1em;
    text-align: center;
	}
	main.row article h2 {
    font-size: 150%;
    line-height: 1.1em;
	}
	.profile {
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	border-top: solid 10px #CADAAF;
	border-bottom: solid 10px #CADAAF;
	border-left-style: none;
	}
	section td, section th {
	display: block;
	}
	section table {
	margin-left: auto;
	margin-right: auto;
	}
	section th {
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
	font-size: 10px;
	overflow: hidden;
	}
	td.date:before {
	content: "Date: ";
	}
	td.event:before {
	content: "Event: ";
	}
	td.location:before {
	content: "Location: ";
	}
	td.cost:before {
	content: "Cost: ";
	}
	td.class:before {
	content: "Class: ";
	}
	td.description:before {
	content: "Description: ";
	}
	td.day:before {
	content: "Day: ";
	}
	td.length:before {
	content: "Length: ";
	}
	section .date, section .event, section .location, section .cost,section .class, section .description, section .length,section .day {
	width: 100%;
	padding-left: 30%;
	position: relative;
	text-align: left;
	}
	td:before {
	width: 25%;
	display: block;
	padding-right: 10px;
	position: absolute;
	top: 6px;
	left: 1em;
	color: #060;
	font-weight: bold;
	white-space: nowrap;
	}
	section tr {
	border-bottom: solid 2px #060;
	}
	section tr:nth-of-type(even) {
	background-color: #D4EAD4;
	}
	.flt_lft, .flt_rgt {
	max-width: 95%;
	height: auto;
	margin: 0px auto;
	display: block;
	float: none;
	}
	.no_ad {
	}
	table .no_ad {
	display:none;
	}

}

.dropdown:hover .dropdown-toggle {
	color: #777;}
.sidebar1 {
}

@media (min-width:768px){
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
	
div.hero-image {
background-image: url("images/Half%20Plate%20of%20Nigerian%20Food.png");
background-color: #cccccc;
height: 350px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.hero-text {
text-align: center;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
}
@media (max-width:767px){
.row #socialMedia {
	width:100%;
	
}
		.row #socialMedia h4 {
		font-size:170%;
			text-align:center;
	}
	.row #socialMedia h5 {
		font-size:130%;
	}

}

@media (max-width:991px) and (min-width:768px){
	main.row #socialMedia{
		padding-bottom:180px;
		border: solid 2px #8F8F8F; 
		margin-bottom:0em;
		vertical-align:sub;
	}
}

@media (min-width:992px) and (max-width:1199){
	aside#socialMedia{
		margin-bottom:0em;
		padding-bottom: 2.4em;
		position: absolute;
		bottom:0;
		left:0;
		}
	
	} 

@media (min-width:1200px){
	aside#socialMedia{
		margin-bottom:0em;
		padding-bottom: 2.4em;
		position: absolute;
		bottom:0;
		left:0;
		}
	
	} 
@media (max-width:767px){
	 .navbar-default{
		 background-color: white;
		 opacity: 1;
		 			}
	 li a{
		color:black;
	   }
	body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
	
div.hero-image {
background-image: url("images/Half%20Plate%20of%20Nigerian%20Food.png");
background-color: #cccccc;
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
color: black;
transform: translate(-50%, -50%);
}
		 
	}

	.carousel {
		position: relative;
		box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
		margin-top: 26px;
	}
	
	.carousel-inner {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
	.carousel-open:checked + .carousel-item {
		position: static;
		opacity: 100;
	}
	
	.carousel-item {
		position: absolute;
		opacity: 0;
		-webkit-transition: opacity 0.6s ease-out;
		transition: opacity 0.6s ease-out;
	}
	
	.carousel-item img {
		display: block;
		height: auto;
		max-width: 100%;
	}
	
	.carousel-control {
		background: rgba(0, 0, 0, 0.28);
		border-radius: 50%;
		color: #fff;
		cursor: pointer;
		display: none;
		font-size: 40px;
		height: 40px;
		line-height: 35px;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		cursor: pointer;
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		text-align: center;
		width: 40px;
		z-index: 10;
	}
	
	.carousel-control.prev {
		left: 2%;
	}
	
	.carousel-control.next {
		right: 2%;
	}
	
	.carousel-control:hover {
		background: rgba(0, 0, 0, 0.8);
		color: #aaaaaa;
	}
	
	#carousel-1:checked ~ .control-1,
	#carousel-2:checked ~ .control-2,
	#carousel-3:checked ~ .control-3 {
		display: block;
	}
	
	.carousel-indicators {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 2%;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 10;
	}
	
	.carousel-indicators li {
		display: inline-block;
		margin: 0 5px;
	}
	
	.carousel-bullet {
		color: black;
		cursor: pointer;
		display: block;
		font-size: 35px;
	}
	
	.carousel-bullet:hover {
		color: #aaaaaa;
	}
	
	#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
	#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
	#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
		color: #428bca;
	}

	@media (max-width: 767px){
		#localOrgs{
			width: 100%;
		}
	}

	html {
		scroll-behavior: smooth;
	  }
	
	  #myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: #3BD0AB;
		color: white;
		cursor: pointer;
		padding: 15px;
		border-radius: 4px;
		transition: 0.4s;
	  }
	  
	  #myBtn:hover {
		background-color: #555;
	  }

	  /* Menu */
	  .menuContainer {
		position: relative;
		width: 50%;
	  }
	  
	  .image {
		display: block;
		width: 100%;
		height: auto;
	  }
	  
	  .overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background-color: #3BD0AB;
	  }
	  
	  .menuContainer:hover .overlay {
		opacity: 1;
	  }
	  
	  .preClickMenuText {
		color: white;
		font-size: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
	  }
	  /* end Menu */