@charset "utf-8";

/*Navigation Class*/
.site-navigation ul {
	list-style: none;
	margin: 0;
	padding:0;
}

.site-navigation li {
	border:0; margin:0; padding:0; position:relative;
}

.site-navigation ul ul {
	margin: 0 40px 0 0;
}

.site-navigation a {
	border:0; margin:0; padding:0;
	display: block;
	
	color:#f2f2f2;
	text-decoration:none;
	height:50px;
	line-height:50px;
	
}

.site-navigation a:hover {
	color: #fff;
}


/* Primary Navigation */
#primary-nav-wrap{
	min-height: 50px;
	background-color: #234D32;
	background-image: -webkit-linear-gradient(270deg,rgba(35,77,50,1.00) 0%,rgba(24,52,34,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(35,77,50,1.00) 0%,rgba(24,52,34,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(35,77,50,1.00) 0%,rgba(24,52,34,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(35,77,50,1.00) 0%,rgba(24,52,34,1.00) 100%);
	border-top: 1px solid #234D32;
	border-bottom: 1px solid #183422;
	-webkit-box-shadow: 0px 2px 2px #9B9B9B;
	box-shadow: 0px 2px 2px #9B9B9B;
}
.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'ostrich_sansblack',Arial, sans-serif;
	font-size: 20px;
	color:#ffffff;
	
}

.primary-navigation.toggled-on {
	padding: 50px 0 10px;
}

.primary-navigation .nav-menu {
	display: none;
}

.primary-navigation.toggled-on .nav-menu {
	display: block;
}

.primary-navigation a {
	color: #E7E5E1;
	padding: 0 16px 0 58px;
	font-family: 'ostrich_sansblack',Arial, sans-serif;
	border-right: 1px solid #183422;
	text-shadow: 1px 1px 2px #5A3742;
}

.primary-navigation a:hover {color:#fff; background:#234D32}

.primary-navigation .subToggle{
	color:#eeeeee;
	font-size: 24px;
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
}
.primary-navigation .subToggle:hover{ background:#E7E5E1; color:#7E191E;
	cursor:pointer;}
.primary-navigation	.subToggle.open{background:#E7E5E1; color:#7E191E;}


.primary-navigation ul ul{
	height:auto;
	background:none;
	display: none;
	padding: 0;
	top:50px;
	z-index: 99999;
	border:none;
}


.primary-navigation ul ul a {
	color:#333333;
	background:#E7E5E1;
	font-family: 'Lato', sans-serif;
	display:block;
	font-size:14px;
	line-height:40px;
	height:40px;
	text-shadow:none;
	min-width:200px;
	text-decoration: none;
}

.primary-navigation ul ul li a.last {border-bottom:1px solid #afafaf;}
.primary-navigation ul ul a:hover {
	background:#7E191E;
	color:#eee;
}


.footer-nav ul{padding:0;}
.footer-nav li {
		border: 0;
		display: inline-block;
}
.footer-nav a{color:#a3a3a3;padding: 0 16px;}
.footer-nav a:hover{color:#e5e5e5;}

.menu-toggle {
	cursor: pointer;
	font-size: 0;
	height: 50px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 50px;
	background:#7E191E;
}

.menu-toggle:before,
.search-toggle:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}
.menu-toggle:before {
	color: #fff;
	content: "\f419"; /*Hamburger icon*/
	margin-top: 16px;
}


@media screen and (min-width: 783px) {
	#primary-nav-wrap{height: 50px;}
	.primary-navigation {
		font-size:17px;
	}
	.footer-nav {
		font-size: 16px;
	}

	.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}

	.primary-navigation .nav-menu {
		height:50px;
		display: block;
		border-left: 1px solid #183422;
	}
	
	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}

	.primary-navigation li {
		border: 0;
		display: inline-block;
		height: 50px;
		line-height: 50px;
		position: relative;
		float:left;
	}
	.primary-navigation a{padding: 0 18px;}
	.primary-navigation ul li:hover ul{display:block;}
	.primary-navigation ul ul li {display:block;}
	.primary-navigation ul ul a {
		font-size:15px;
		line-height:30px;
	}
	.downArrow:after{
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 18px/1 Genericons;
	content: '\f431'; 
	vertical-align: middle;
	}
	.primary-navigation .subToggle{display:none;}
	.primary-navigation ul ul{
		max-width:300px;	
		position: absolute;
		top:50px;
		margin:0;
	}
	.primary-navigation ul ul a {
		line-height:40px;
		height:40px;
		background:#E7E5E1;
		border-top:1px solid #AD343A;
		border-left:1px solid #AD343A;
		border-right:1px solid #AD343A;
		margin:0;
		
	}
	.primary-navigation ul ul li:last-child a {
		border-bottom:1px solid #AD343A;
	}
	.primary-navigation ul ul li {
		line-height:40px;
		height:40px;
	}
	.footer-nav a{padding: 0 18px;}
	.primary-navigation a, .footer-nav a {
		display: inline-block;
		white-space: nowrap;
	}
}
@media screen and (min-width: 990px) {
	.primary-navigation {
		font-size:20px;
	}
	.primary-navigation a{padding: 0 24px;}
	.footer-nav a{padding: 0 24px;}
}

/*social media*/
#main h1{margin-top:45px;}
#secondaryNav{
	list-style:none;
	padding:0;		
	position:absolute;
	top:0;
	right:2%;
	margin:8px 0 0;
	min-width:260px;
}
#socialNav{padding-left:0; margin:0; width:260px; text-align:right;}
.topLoginWrap{text-align:right; position:absolute; right:200px; width:300px;}
@media only screen and (min-width: 660px) {
	#main h1{margin-top:.5em;}
}
#socialNav li{display:inline-block;}
#socialNav li a{
	text-decoration:none;
	width:28px;
	height:28px; 
	overflow:hidden;
	display:inline-block;
	text-align:center;	
}
#socialNav li a:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 26px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
	color: #777777;
	margin-top: 2px;
}
#socialNav li a:hover:before{
	color:#7E191E;
}
#socialNav li.hashtag{color:#666; font-size:13px; vertical-align:top; padding:0px 0 0; line-height:0.8em;}
.twitter:before {         content: '\f202'; }
.facebook:before {        content: '\f203'; }
.facebook-alt:before {    content: '\f204'; }
.googleplus:before {      content: '\f206'; }
.pinterest:before {       content: '\f209'; }
.pinterest-alt:before {   content: '\f210'; }
.youtube:before {         content: '\f213'; }

.fgsSocial{
	background:url(/National_Library/oe_/https://www.fgsconference.org/assets/templates/2016/images/fgs-26b.svg) top left no-repeat;
	text-indent:-9999px;
	background-size:30px 56px;
	width:30px !important;
}
.fgsSocial:hover{background-position:bottom left;}