/**** 
767 max
****/

.show-nav #container {
	-webkit-transform: translateX(70%);
	transform: translateX(70%);
	
	-webkit-transform: translate3d(70%, 0, 0);
	transform: translate3d(70%, 0, 0);
}

.topmenu {
	left: -70%;
	width: 70%;
}

.content {
	overflow: hidden;
}

.onepage, #footer {
	max-width: 100%;
	width: 100%;
}


.centering_box:not('#container') {
	max-width: 95% !important;
}	

#subfooter li,
.menu_horizontal li {
	display: block;
	float : none;
}

#header {
	margin: 0;
	width:100%;
}	

.desktop_only { display:block; }
.mobile_only { display:none; }

.header_inner {
	height: auto;
}

.header_inner h1 {
	font-size: 1em;
	padding-left: 0;
}

.header_icons.menu_horizontal li {
	display: inline;
	float: left;
}

.header_inner .col-sm-3,
.header_inner .col-sm-9 {
	width: 100%;
}



.menu_nav {
	width: 15%;
	padding-top: 8px;
}

.logo {
	float: left;
	width: 30%;
	margin-left: 0;
	margin-right: 15px;
	background-size: 70px;
	
}
	.logo img {
    height: 55px;
    width: auto;	
    max-width: 50px;
	}
	
.searcher {
	width: 15%;
	padding-top: 8px;
}

.mobile_expand {
    background: none repeat scroll 0 0 #555;
    left: 0;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    position: absolute;
    top: 60px;
    width: 45%;
    z-index: 50;
}

	.mobile_expand.right {
		right:0;
		left:inherit;
	}
	
	.mobile_expand input {
		padding: 1%;
		width: 99%;	
	}

	.mobile_expand ul {
		margin-bottom: 0;
	}
	.mobile_expand li {
		list-style: outside none none;
	}
	.mobile_expand li a {
		color:#fff;
	}

		.topmenu li a {

				}		


		.topmenu li:last-of-type a {
			border-bottom: 0;
		}

/* flexbox redirect*/

.topmenu ul,
.topmenu li,
.landscape_thumbnail_img .fp_mod .overlay,
.events_row .fp_mod .mod_body,
.fb_item,
.chapter_header,
.flexify .tier,
#footer_modules .img_follow,
.fb_gallery,
.flex-it,
.refs_cols,
.flexible,
.tweet_ticker.padd_post,
.pub_row  {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* full width and margin bottom only (useful for flex items) */

.landscape_background_img .fp_mod,
.portrait_background_img .fp_mod,
.landscape_thumbnail_img .fp_mod,
.portrait_background_img.larger_oriented .fp_mod,
.portrait_background_img.smaller_oriented .fp_mod,
.dg_section.landscape_background_img.medium_oriented .fp_mod,
.chapter_header .featimg,
.guidenav_details_dropdown,
.fb_item,
.conference_schedule a.event_container,
.tweetimg,
.flexible.flexible_2 .item,
.flexible.flexible_2 {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1em;
}

/* clear floats here! */

.sidebar, 
.content,  
.topmenu ul, 
.topmenu ul li, 
.footermenu .col, 
.sitecredits, 
.sinkcredits, 
.menu_indicator, 
.footer_inner .socialmedia,
.metainfo,
.onepage, #footer,
.narrow_block,
.content .carousel.ngg_retrofit, 
.content .carousel.retrofit_smooth,
.design_meta,
.chapter_header .mod_txt,
.column,
.home .portrait_background_img.events_row a,
.archive_post .featimg,
.archive_post.thumb_exists .mainpost,
.block .floatleft,
.block .floatright,
footer .social_col,
footer .nav_col {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

nav,
.guide_purchase { 
    float: none;
}




/* center items */

.logo, .menu_indicator, 
.search_container,
.chapter_header .featimg,
.archive_post .featimg  {
	text-align: center;
}



/* padding and margin bottom */

.metainfo,
.content,
#footer,
.landscape_thumbnail_img .fp_mod .overlay,
.portrait_background_img.smaller_oriented .fp_mod,
.narrow_block,
h3.captioning,
.intro_text,
.row_case_studies h4,
.archive_post .featimg,
footer .social_col,
footer .nav_col {
	padding: 1em;
	margin-bottom: 1em;
}


/* add margin bottom  */


.mod_txt h2 {
	margin-bottom: 0;
}

.conference_schedule > h3 {
	margin-bottom: .25em;
}

.search_container,
#footer_modules .img_follow,
.event_metadata_field,
.design_meta {
	margin-bottom: 1em;
}



#subfooter .menu,
.block .floatleft {
	margin-bottom: 2em;
}


#footer .col-sm-4,
footer .social_col {
	margin-bottom: 4em;
}

.flexify .tier > .one_sponsor,
.guidenav_details_dropdown {
	margin-right: 0;
}



/* add padding rules */

.portrait_background_img.smaller_oriented .fp_mod,
.block .featimg.floatleft {
	padding: 0;
}

.home .content {
	padding-top: 0;
}

#subfooter,
.block_text,
.block .floatleft,
.block .floatright  {
	padding: 1em;
}

.chapter_header,
.conference_intro, 
.conference_block.narrow_block,
.content article.archive_post,
.content.padded {
	padding: 2em;
}

/* unconstrain height */

.landscape_thumbnail_img .fp_mod,
.landscape_thumbnail_img.right_oriented .fp_mod {
	height: auto;
}


/* bg position */

.portrait_background_img.larger_oriented .fp_mod, 
.portrait_background_img.larger_oriented .fp_mod.last_mod {
	background-position: center center;
}


/* other, more specific rules */

.header_icons svg.icon-search {
  height: 30px;
  margin-top: 6px;
  float: left;
}



.search_container {
		float: none;
		width: 100%;
		max-width: 100%;
		clear: both;
		padding-left: 15px;
	}

	.search_container input {
		width: 80%;
	}


.metainfo {
	margin-left: 0;
}

.landscape_thumbnail_img .fp_mod .mod_img {
	width: 125px;
	height: auto;
	margin-bottom: 1em;
}

.chosen-container {
	max-width: 100%;
	margin-bottom: 1em;
}

.pub_selector #pub_key {
	width: 100%;
	padding: 2em;
}

.guidenav_details {
  left: 0;
  margin-top: -76px;
  width: 100%;
  position: relative;
  margin-left: -15px;
}

.flexify .tier > .one_sponsor {
	min-width: 200px !important;
}

.content div.tabs .tabs-nav li {
	font-size: .8em;
}

.day > h3 {
	font-size: 2em;
}

.mod_row.reverse_flipping_effect .fp_mod .overlay,
.landscape_thumbnail_img .fp_mod {
	border-left: 0;
	background-color: #FAFAFA;
	border-right: 0;
}

.content div.tabs table.tab td {
  vertical-align: top;
  padding: 10px;
  width: 100%;
  border-top: 1px solid #999;
  display: block;
}


.single-publication .guide_masthead img,
.design_meta,
.guide_purchase,
.guide_masthead {
	width: 100%;
	float: none;
	margin: 1em auto;
}


.home .portrait_background_img.events_row a {
	margin: 1em; 
	width: 94%;
}

.single-conference .transparent_box, .single-program .transparent_box {
  position: relative;
  background: #444;
  top: 0;
}

.single-program .onepage, .single-conference .onepage {
  margin-top: 2em;
}

.nav_col .menu li {
	font-size: 1.5em;
}

.pub_row a {
	margin-right: 0;
}

.tax-people .content.row {

    flex-direction: column;
}

.tax-people .content.row .pageinfo {
    width: 100%;
}

.tax-people .content.row article {
    width: 100%;
    border: 0;
    text-align: center;
}

.tax-people .content.row article.archive_post .featimg,
.tax-people .content.row .archive_post.thumb_exists .mainpost {
    float: none;
    width: 100%;
        margin: auto;
    margin-bottom: 1em;
}

.publication_row_new a {
	width: 100%;
}

.newheader {
	padding: 10px;
}

.newheader .flexible {
	flex-direction: row;
}

.newheader .nacto_logo {
	width: 75px;
	margin-left: 0;
	margin-right: 1em;
}

.newheader .nacto_logo svg {
	max-width: 100%;
	height: 75px;
}
.newheader .header_icons {
	position: absolute;
	right: 10px;
	top: auto;
	min-width: 90px;
	margin-right: 0;
}

.newheader .panels_container h1 {
	font-size: 4vw;
	margin-bottom: 10px;
}

.newheader .panels_menu {
	flex-wrap: wrap;
}

.newheader .panels_menu li {
	font-size: 2vw;
	text-align: center;
}

.newheader .panels_menu li:last-child {
	margin-right: 0;
}

.newheader .panels_menu li span.active, .newheader .panels_menu li span:hover {
	padding-bottom: 25px;
}

 .panels_outer_container .panel h3,
 .panels_outer_container .tabholders > .col {
 	width: 100%;
 	max-width: 100%;
 }

 .panels_outer_container .items-inner .featureditem {
 	width: 100%;
 	margin-right: 0;
 	margin-bottom: 10px;
 }

 .panels_outer_container .items-inner .featureditem .overlay {
 	display: block;
 }

 .panel .panel-top-headers a.tweeter {
       	position: absolute;
    	top: 59px;
    	right: 21px;
 }

 .panel .panel-top-headers a.tweeter.finsta {
 	right: 60px;
 	top: 57px;
 }

 .socialink-tab-container .tab-contents .tab.tabtype-largeimage .oneitem,
 .socialink-tab-container .tab-contents .tab.tabtype-doctype .oneitem {
 	min-height: 0;
 	width: 100%;
 }
 .socialink-tab-container .tab-contents .tab.tabtype-largeimage .tabtype-largeimage-show,
 .socialink-tab-container .tab-contents .tab.tabtype-doctype .tabtype-doctype-show {
 	margin-top: 1em;
 }

 .plugin-filterserver.dashboard-template-side {
 	flex-direction: column;
 }

 .plugin-filterserver.dashboard-template-side .filtering_controls,
 .plugin-filterserver.dashboard-template-side .filtering_results {
 	width: 100%;
 }

 .results-container .archive_post.archival-item .featimg {
 	padding: 0;
 }