#page,
.stick #video-positioner{
	width: 700px;
	width: 70rem;
}

body.one-sidebar #main,
.not-front #hgroup{
	width: 68%;
	float: left;
	margin-right: 2%;
	max-width: calc( 98% - 22rem);

}

.not-front #hgroup{
	max-width: calc( 98% - 22rem);
}

/* TYPOGRAPHY */

#site-name{
	font-size: 2.8rem;
	line-height: 3.3rem;
}

#header #site-slogan{
	font-size: 1.6rem;
	line-height: 2.2rem;
}


/* body takes up full width for video symposia */

body.node-type-symposium #main,
body.node-type-symposium #sidebar{
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

#sidebar, #header-aside{
	width: 25%;
	float: right;
/*	margin-top: 2.2rem;*/
	min-width: 22rem;
}

#header-aside{
	width: 22rem;
	float: right;
	margin-top: 0;
}

.front #sidebar{
	/*margin-top: 2.2rem;*/
	margin-top: 0;
}

.front #main{
	margin-top: -2.2rem;
}

#block-user-login .content #user-login-form{
/*	width: 100%;*/
}

#block-user-login .form-item{
	margin-right: 0;
}

#block-user-login input.form-text{
}

#header h1#site-name{
	text-align: left;
	/*line-height: .8;*/
}

.front #header h1#site-name{
	font-size: 3.7rem;
	text-align: center;

}

#header ul.menu{
	text-align: left;
}



.front #header #site-slogan{
	font-size:1.6rem;
}

.rwd-break{
	display: block;
}

#header #site-slogan{
/*	margin-left: 60px;
	padding-left: 1rem;*/
	text-align: left;
	
}

.front #header #site-slogan{
	text-align: center;
}

#header,
ul.menu{
	text-align: left;
}

.front #header #site-slogan{
	/*margin-left: 100px;*/
}

#name-and-slogan{
	/*max-width: 70rem;
	float: left;*/
}

.front #name-and-slogan{
	/*max-width: 72rem;*/
}

#header-aside{
	display: block;
}
#views_slideshow_cycle_teaser_section_featured_slideshow-block{
	height: 240px;	
}


.slide .slide-txt{
	top: 1rem;
}


h1#carousel-header{
	display: block;
	top: 0;
	font-size: 1.6rem;
}

.slide .content-type{
	font-size: 1.2rem;
}

.slide .slide-dek{
}

.slide .slide-headline{
	font-size: 1.6rem;
}

#highlighted #block-views-featured-block h3 {
    font-size: 1.8rem;
    margin-top: -1.2rem;
}

#highlighted .view-featured .descriptive-content .dek p,
#highlighted .location{
	font-size: 1.2rem;
}

#news-widgets figure#our-logo, #news-widgets div.link-button, #news-widgets dl.eirenepoios{
	max-width: 100%;
	float: none;
	margin:1rem 0 1rem;
	padding:.5rem 0;
}

#news-widgets{
	margin-top: 6rem;
}


#primary{
	width: 50rem;	
	float: left;
}

.symposia #primary{
	float: none;
	position: relative;
}


nav.symposia-nav{
	/*display: none;*/
}



	#zones section{
width: 15rem;
float: left;
margin-right:2.5rem;
text-align: left;
}

#zones section h2{
	font-size: 2.1rem;
	margin-bottom: 1.5rem;
}

	
#secondary{
	width: 20rem;
	margin-left: 2rem;
	float: right;
	
}



aside.sidebar{
	width: calc(30% - 3rem);
	float: right;
	margin-left: 1rem;
	padding: 1rem;
}


.has-sidebar article{
	float: left;
	margin-right: 1rem;
	width: calc(70% - 1rem);
	
}

.sidebar .headshot{
	text-align: center;
	margin: 0;
}

#what-we-do aside.sidebar{
	float: left;
	margin-right: 1rem;
	margin-left: 0;
}

#what-we-do article{
	float: right;
	margin-right: 0;
	margin-left: 1rem;
}

/* SLIDES */

.slides{
		height: 240px;
	}
	
	.slide .slide-featured-content{
		width: 55%;
		margin: 2.5%;
		overflow: auto;
		position: relative;
	}
	
	h1.slide-headline{
		font-size: 2rem;
	}
	
	#carousel-header, .slide-txt, #carousel-nav{
		width: 37.5%;
		margin-right: 2.5%;
	}
	

	


	
	#carousel-header, .slide-txt, #carousel-nav{
		margin: 0 1%;
		right: 0;
		position: absolute;
		top: 2rem;
	}

/* Video Container */

.stick #video-positioner{
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	top: 6.6rem;
	z-index: -500;
}

.stick #video-container{
	right: 0;
	right: calc(100% - 75rem);
	z-index: 10000;
	-webkit-transition: all 800ms easing’s Bezier curve;
  	transition:         all 800ms easing’s Bezier curve; 
}

.sticky-nav #site-nav{
	 position: fixed;
	 top: 0;
	 /*width: 70rem;*/
	 background-color: 	#f6f6f6; /* light gray */
	 height: 4.4rem;
	 z-index: 10000;
	-webkit-transition: all 100000ms easing’s Bezier curve;
  	transition:         all 100000ms easing’s Bezier curve; 
  	/*box-shadow: 0px 1px 0px 0px rgba(0,0,0,.1);*/
}

#symposium-info section h3{
	padding-top: 1.1rem;
}


.js #symposium-info h3{
	margin-top: 0;
	margin-bottom: 2.2rem;
}

#symposium-info h3{
	font-size: 2.2rem;
}

/*.stick*/ .js #symposium-info section h3{
	padding-top: 5rem; /* compensate for navigation bar */
}

.stick #symposium-info{
	padding-top: 200px; /* compensate for absence of header when in .stick mode */
}


.toggled .sticky-nav #site-nav ul.menu{
	display: block;
}


.stick #symposium-toc{
	position: relative;
}

.stick #symposium-toc .toc-wrapper{
	position: absolute;
	left: -3.5rem;
}

.stick #symposium-toc ul{
	position: fixed;
	top: 6.6rem;
	padding: 0;
	margin-top: .5rem;
}

.stick #symposium-toc ul li a .title{
	display: none;
}

.stick #symposium-info{
	background-color: #fefefe;
}

.js .sticky-nav .menu-toggle{
	display: block;
	top: 0;
	right: 0;
}


.sticky-nav #site-nav .menu-toggle{
	top: .25rem;
}

.js .sticky-nav #nav-logo{
	position: absolute;
	top: .5rem;
	left: .75rem;
	display: block;
}

.js .sticky-nav #nav-logo img{
	height: 2.5rem;
	width: auto;
}

.sticky-nav #site-nav .region-navigation{
	margin-right: 3.5rem;
	width: calc(100% - 3.5rem);
}

.sticky-nav #site-nav ul.menu{
	display: none;
	text-align: right;
}

.sticky-nav #site-nav ul.menu li{

}


.toolbar-drawer .sticky-nav #site-nav{
	top: 65px;
	z-index: 500;
}

.toolbar-drawer .stick #video-container{
	top: 110px;
}

#video-container{
	float: right;
}


#video-container{
	width: 35rem;
	margin-left: 5rem;
}

.node-type-symposium #symposium-info,
body.node-type-symposium #sidebar,
body.node-type-symposium .links,
body.node-type-symposium #comments{
	display: block;
	float: left;
	width: calc(100% - 40rem);
	clear: left;
	overflow: hidden;
}

.node-type-symposium .no-video #symposium-info,
body.node-type-symposium .no-video  #sidebar,
body.node-type-symposium .no-video .links,
body.node-type-symposium .no-video  #comments{
	width: 68%;
	float: left;
	margin-right: 7%;
}


body.node-type-symposium #symposium-info .links{
	float: none;
	width: 100%;
	clear: none;
}

#video-container .videoWrapper{
	width: 100%;
}

#header #block-menu-menu-primary-navigation,
#header #block-menu-menu-social{
	float: left;
}


#header #block-menu-menu-social{
	margin-left: -1.5rem;
	padding-left: 1.5rem;
}

.node-participant-profile .group-affiliations div{
	font-size: 1.8rem;
	font-weight: 400;
}

.node .node-participant-profile h2{
	font-size: 2.2rem;
}

#symposium-resources .node-biblio h2{
	line-height: 2.2rem;
	font-size: 1.6rem;
}

.region-content #symposium-resources .node{
	margin-bottom: 2.2rem;
	padding-bottom: 0;
}

/* USER MENU */

#header-aside ul.menu{
	padding: 0;
}

#header-aside ul.menu li{
	margin-left: 1rem;
}

#nav-logo{
	display: none;
}

.field-name-field-event-date{
	margin-bottom: 1.1rem;
}
