@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/*****************************************
NAVIGATION
*****************************************/
.container {
text-align: left;
}



.menuBar ul {
  display: inline;
  text-align: left;
  margin: 0;
  padding: 5px;
}

	.menuBar ul li {
	  display: inline-block;
	  font-size: 1em;
	  text-transform: uppercase;
	  padding: 5px
	}

.orgNav {
  border-top: 5px solid #005699;
}

	.orgNav .menuBar {
	  height: 60px;
	}

		.orgNav .menuBar ul li a {
		  color: #005699;
		  float: none;
		  font-weight: 600;
		  line-height: 1;
		  margin: 0 25px 0 0;
		  padding: 7px 0;
		  text-decoration: none;
		  text-shadow: none;
		  text-transform: uppercase;
		  font-size: .81em;
		}


.clientNav .menuBar {
background: #e5e5e5;
box-shadow: 0 7px 6px -8px #000000;
height: 60px;
line-height: 40px;
font-size: 1.05em;
overflow: visible !important;
}

	.clientNav .menuBar ul li a {
	color: #164e6c;
	line-height: 48px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	float: none;
	padding: 12px 14px;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .96em;
	margin-right: 0;
	}

		.clientNav .menuBar ul li a:hover {
		  background-color: #777;
		  color: #fff;
		  text-decoration: none;
		  line-height: 30px;
		  margin-top: 7px;
		}

.member {
  background: #e03a3e;
border-left: solid 2px #ffffff;
border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-mox-border-radius: 0 0 6px 6px;
color: #ffffff;
font-size: .9em;
margin: 0;
position: absolute;
top: -5px;
/* right: 269px; */
text-shadow: none;
text-transform: none;
font-weight: 600;
padding: 14px 10px 8px!important;
}

.member a {
  color: white!important;
  margin: 0!important;
}

.sidenavbar ul {
 line-height: 20px;
overflow: hidden;

}
.sidenavbar ul li {
 background-color: #213173;
border-radius: 6px;
cursor: pointer;
text-align: center;
font-size: 0.9em;
margin: 5px;
padding: 7px 15px;
text-transform: uppercase;
}
	.sidenavbar ul li a {
	  color: #fff;
display: block;
	}
a:hover {
text-decoration: none;
color: #005699;
}

.separator {  
  background-color: #293173;
  text-align: center;
  margin: 2em auto;
  max-width: 960px;
  width: 100%;
}

.separator h1 {
padding: 1em 0 .2em 0;
margin-bottom: 0;
color: #FFFFFF;
}

.separator .deadline {
  font-weight: bold;
margin-bottom: 2em;
padding-bottom: 2em;
}
h1, h2, h3 {margin-bottom: 15px; font-family: 'Open Sans', sans-serif, Arial, Verdana; font-weight: 400;}
h4, h5, h6 {margin-bottom: 8px; font-family: 'Open Sans', sans-serif, Arial, Verdana; font-weight: 400;}
h1, h2, h3, h4, h5, h6, .pagetitle a, .pagetitle a:visited {color: #303030;}
h1 {font-size: 30px; line-height: 30px;}
h2 {font-size: 25px; line-height: 26px;}
h3 {font-size: 16px; line-height: 24px;}
h4 {font-size: 13px; line-height: 22px;}
h5 {font-size: 12px; line-height: 20px;}
h6 {font-size: 11px; line-height: normal;}
/**************** BANNER *******************/

#footer-logo-container {
	background: #293173;
	padding: 10px 0;
	text-align: center;
}
  #wrapper-top {
	  height: 98px;
	  max-height: 108px;
	  background: #293173 url(https://aaas.confex.com/img/aaas/2021/bg_left_only.svg) left top no-repeat;
	  background-size: contain;
  }
  #wrapper-top #topbar-left {
	  float: left;
	  display: block;
	  width: 67%;
  }
  #wrapper-top #am-title-wrap {
	  width: auto;
	  margin-left: 36%;
  	float: none;
  	padding-right: 10px;
	  display: block;
  }
  #wrapper-top #am-title-wrap #am-title {
	  float: none;
	  margin: 0 auto;
	  margin-top: 16px;
	 }
	#wrapper-top #am-title-wrap #am-title img {
	  max-width: 480px;
	  width: 100%;
	  margin: 0 auto;
	  height: auto;
	  image-rendering: -moz-crisp-edges;
	  image-rendering: -o-crisp-edges;
	  image-rendering: -webkit-optimize-contrast;
	  image-rendering: auto;
	  -ms-interpolation-mode: bicubic;
	}

  #topbar-middle {
	  float:left; 
	  display:block;
  }
	#topbar-middle #logo {
	  min-height: 60px;
	  max-width: 452px;
	  height: auto;
	  padding-top: 0;
	  float: right;
  }
	#topbar-middle #logo img {
		width: 100%;
		max-width: 295px;
		height: auto;
		margin-top: 28px;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: bicubic;
	}

  #topbar-right{
	float: left;
  width: 8%;
  }
	#topbar-right #bg-right {
	  float: right;
	  width: 108px;
	  background: url(https://aaas.confex.com/img/aaas/2021/bg_right_only.png) no-repeat right top;
	  margin-right: 6%;
	  height: 98px;
	  max-height: 98px;
	  background-size: contain;
	}
  

@media screen and (min-width: 1023px) {
  #logo-tablet, #logo-mobile {
	  display: none;
  }
  #topbar-middle {
	  width:25%;
  }
  #topbar-right {
	  display: block;
  }
}
@media screen and (max-width: 1023px) {
  #logo, #logo-mobile, #am-title {
	  display: none;
  }
  #topbar-middle {
    width: 90%;
  }
	#topbar-middle #logo-tablet {
    display: block;
	  height: 100px;
	  text-align: center;
	  width: 75%;
	  text-align: center;
    float: right;
  }
	#topbar-middle #logo-tablet img {
		margin: 10px auto 0 auto;
		height: 80px;
		float: none;
	  }
}
@media screen and (max-width: 760px) {
  #logo-tablet {
  width: 58%;
  }
	#logo-tablet img {
	  margin: 20px auto 0 auto;
	  height: auto;
	  width: 100%;
	  float: none;
	  max-width: 300px;
	}
}
@media screen and (max-width: 640px){
  #topbar-middle #logo-tablet {
	  display: none;
	}
	#logo-mobile {
	  display: block;
	  height: 100px;
	  width: 200px;
    margin: 0 0 0 52%;
  }
	#logo-mobile img {
		height: 90px;
		width: auto;
		margin: 4px auto 0 auto;
	}
}
  


@media screen and (max-width: 486px) {
  #wrapper-top {
	background-position: -140px 0;
  }
  #topbar-middle { 
	#logo-mobile {
	margin-left: 38%;
	}
	#logo-tablet {
	  display: none;
	}
  }
  #topbar-right {
	display: none;
	width: 0;
  }
}

.offscreen {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  }

/***************************** FOOTER ******************/

.socialFooter ul {
	list-style: outside none none;
}

.socialFooter ul li {
	padding: 0 6px;
	float: left;
	list-style-type: none;
}

footer {
  background-color: #f9f9f9;
}

#footer-social-container ul, #footer-admin-container ul {
  display: block;
}

#footer-logo {
height: 62px;
width: 206px;
margin: 0px auto;
background-color: transparent;
padding-bottom: 15px;
}

#footer-social-container ul li {
  display: inline-block;
margin: 0px 25px 0px 25px;
font-size: 12px;
font-weight: 600;
}
#footer-admin-container {
padding: 43px 0px 35px 0px;
text-align: center;
}
.footer-admin li {
display: inline-block;
margin: 0px 13px 0px 13px;
font-size: 12px;
font-weight: 600;
color: #666;
}

#footer-social-container {
  padding: 43px 0px 35px 0px;
text-align: center;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}

a .footer-social-icon {height: 36px; width: 36px; border-radius: 3px; border: 1px solid #0088cc; margin: 0px auto 12px auto;}
a:hover .footer-social-icon {border: 1px solid #005699;}
a .social-icon-twitter {background: transparent url('http://meetings.aaas.org/wp-content/uploads/AM15-social-icon-tw.png') center top no-repeat;}
a:hover .social-icon-twitter {background: transparent url('http://meetings.aaas.org/wp-content/uploads/AM15-social-icon-tw-hover.png') center top no-repeat;}
a .social-icon-facebook {background: transparent url('http://meetings.aaas.org/wp-content/uploads/AM15-social-icon-fb.png') center top no-repeat;}
a:hover .social-icon-facebook {background: transparent url('http://meetings.aaas.org/wp-content/uploads/AM15-social-icon-fb-hover.png') center top no-repeat;}
a .social-icon-google {background: transparent url('http://meetings.aaas.org/wp-content/uploads/AM15-social-icon-google.png') center top no-repeat;}
a:hover .social-icon-google {background: transparent url('http://meetings.aaas.org/wp-content/uploads/AM15-social-icon-google-hover.png') center top no-repeat;}

a .footer-social-icon {
height: 36px;
width: 36px;
border-radius: 3px;
border: 1px solid #0088cc;
margin: 0px auto 12px auto;
}


#footer-logo-container {
	background: #293173;
	padding: 10px 0;
	text-align: center;
}

#footer-fullname a {
	color: #fff;
	font-size: 1.0em;
	font-weight: 300;
	letter-spacing: 6px;
	font-family: Open Sans, sans-serif;
	text-transform: uppercase;
}

/******************** Navigation Toggle ***********************/

body.two #instuctions, body.two #review, body.two #begin {
  display: none;
} 

body.three #instructions, body.three #Step1, body.three #begin {
  display: none;
} 

body.four #instructions, body.four #Step1, body.four #review {
  display: none;
}

h3 {
	font-weight: bold;
}


.clientNavigation.container {
	max-width: 900px;
	margin: 10px auto;
}
.clientNavigation.container ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.clientNavigation.container ul a {
	color:
#555555;

border-top: 4px solid
transparent;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif, Arial, Verdana;
font-size: 13.5px;
font-weight: 600;
margin: 20px 0 0 0;
padding: 7px 0 0 0;
letter-spacing: 0px;
}
.clientNavigation.container ul a:hover {
	color:
#00acff;

border-top: 3px solid
#00acff;
}

.mobileMenu {
	display: none;
	text-align: center;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif, Arial, Verdana;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding: .5em 0;
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
	cursor: pointer;
}
@media only screen and (max-width: 640px) {
	.mobileMenu {
		display: block;
	}
	.menu-item {
		display: none;
	}
	.clientNavigation.container ul {
		display: block;
	}
	.clientNavigation.container ul li {
		border-bottom: 1px solid #ebebeb;
	}
	.clientNavigation.container ul a {
		border: none !important;
		display: block;
		padding: 5px;
		border-bottom: 1px solid #ebebeb;
		text-align: center;
		font-weight: 400;
	}
	.clientNavigation.container ul a:hover {
		border: none !important;
	}
}