/*
 * responsive
 */


@media only screen and (min-width: 1101px) {
	#masthead .widget_nav_menu ul { 
		display:block !important; 
	}
}

@media only screen and (max-width: 1100px) {
	/* enforce hyphens on mobile */
	body {
		-webkit-hyphens:auto !important;
	    -moz-hyphens:auto !important;
	    -ms-hyphens:auto !important;
	    hyphens:auto !important;
	}
	span.br {
		display:inline;
	}
	.hide-mobile { 
		display:none; 
	}
	#pagewrap {
		width:100%;
		max-width:100% !important;
		-moz-box-shadow:	none; 
		-webkit-box-shadow:	none; 
		box-shadow:			none;
	}
	.pagewidth { 
		padding:0; /* sets the additional left-right padding */
	}
	#masthead {  
		position:static;
		width:100%;
	}
	#content-wrap {
		padding-top:20px;
		min-height:0;
	}
	body.microsite #content-wrap {
		padding-top:20px;
	}
	ul#menu-social li { 
		margin:0 5px 0 0; 
	}

	/* home page */
	#home-columns .col-2-5 {
		width:100%;
		float:none;
	}
	#home-columns .col-2-5 .inner {
		max-width:500px; /* keeps videos, etc. from being too wide here */
	}
	#home-columns .col-1-5 {
		width:100%;
		float:none;
	}
	#masthead #logo h1 {
		margin-top:2px;
	}
	#masthead #logo h1 img {
		max-width:230px;
	}

	/* slideboxes */
	.slideboxes.cols-2 .slidebox-14 a.overlay {
		padding-top:10px;
	}
	.slideboxes.cols-2 .slidebox-14 a.overlay span.title {
		font-weight:500;
		letter-spacing:.5px;
		height:65px;
	}
}

@media only screen and (max-width: 768px) {
	#secondary #footnotes .footnote {
		display:none;
	}
	#secondary .footnote-tooltip {
		z-index:500;
		position:fixed;
		top:70px !important; /* adjusted dynamically */
		left:50% !important;
		margin-left:-150px;
		font-size:15px;
	}
	.widget_metaslider_widget,
	.video-14 {
		/* set max width on videos and sliders */
		max-width:500px;
	}

	/* adjust slidebox font size here */
	.slideboxes.cols-2 .slidebox-14 a.overlay span.title {
		font-size:20px;	
	}
	.slideboxes.cols-2 .slidebox-14 a.overlay span.content,
	.slideboxes.cols-2 .slidebox-14 a.overlay span.content p {
		font-size:16px;
		margin:0;
	}

	/* working paper index */
	#index {
		display:none;
	}
	#mobile-index {
		display:block;
	}
	#mobile-index.sticky {
     	position:fixed;
     	top:0;
     	z-index:1000;
  	}
  	.single-working_paper #primary.col-4-5 {
  		width:100%;
  	}
  	.single-working_paper #primary > .inner {
  		margin-right:15px;
  	}
}

@media only screen and (max-width: 767px) {
	.slideboxes.cols-2 .slidebox-14 a.overlay span.content,
	.slideboxes.cols-2 .slidebox-14 a.overlay span.content p {
		font-size:20px;
		margin:0;
	}
	/* home & landing page templates */
	#main-header .col-1-5 {
		display:none;
	}
	#masthead {
		height:auto;
		padding-bottom:4px;
	}
	#masthead #logo.col-2-5 {
		width:100% !important;
	}
	.home #content-wrap .col-2-5 {
		width:100%;
	}
	#content-wrap .col-1-5 {
		width:33.3333%;
	}
	#topbar #searchform {
		display:none;
	}
	#masthead #topbar a.hamburger {
		display:block;
	}

	/* main content area */
	#primary.col-4-5 {
		width:100%;
		float:none;
	}
	#primary.col-3-5 {
		width:100%;
		float:none;
	}
	#primary > .inner {
		margin-right:15px;
	}
	#secondary.col-1-5 {
		width:100%;
	}
	#footer .col-4-5 {
		width:100%;
		float:none;
	}
	#footer .col-1-5 {
		width:100%;
		float:none;
		margin:10px 0;
	}
	#footer .col-1-5 > .inner {
		margin:0;
	}

	#sticky-menu {
		width:100%;
	}

	/* working paper */
	#secondary .footnote-tooltip {
		z-index:500;
		position:fixed;
		width:92%;
		left:0 !important;
		margin:0 4%;
		overflow-y:scroll;
	}

	/* loop 14 */
	#primary .loop-cols-3 .loop-14 {
		width:100%;
		height:auto;
		float:none;
		margin:0 0 25px 0;
		border-bottom:none;
		border-top:none;
	}
	.home .loop-14 {
		margin:0 0 15px 0 !important;
	}
	.home .loop-14 h3 {
		margin:0 !important;
	}
	.home .widget.link-widget {
		margin-top:15px !important;
	}

	/* microsites */
	body.microsite #content-wrap {
		padding-top:20px;
	}
	#microsite-menu-bar a.hamburger {
		display:block;
	}
	#microsite-nav,
	#scroll-topbar a.hamburger {
		display:none;
	}
	#microsite-menu-bar .col-1-5 {
		width:80%;
	}
	#microsite-menu-bar .col-4-5 {
		width:20%;
	}

	#footer {
		padding-left:15px;
		padding-right:15px;
	}

	.alignleft { 
		float:none; 
		margin:0; 
	}
	.alignright { 
		float:none; 
		margin:0; 
	}
	.wp-caption	{ 
		max-width:100%; 
	}
	.wp-caption.alignleft { 
		margin:15px 0; 
	}
	.wp-caption.alignright { 
		margin:15px 0; 
	}
	img.alignright { 
		margin:0 0 15px 0; 
	}
	img.alignleft { 
		margin:0 0 15px 0; 
	}
	/* multi-column lists */
	ul.col-2,
	ul.col-3 { 
		width:100%; 
		margin:0 0 20px 0; 
		padding:0 0 0 30px;
	}
	ul.col-2 li,
	ul.col-3 li	{ 
		width:100%; 
		float:none; 
		margin:0; 
	}

	.sidebar .loop-14 h3 {
		font-size:21px;
		line-height:1.1;
	}
}

@media only screen and (max-width: 500px) {
	body {
		-webkit-hyphens:none !important;
	    -moz-hyphens:none !important;
	    -ms-hyphens:none !important;
	    hyphens:none !important;
	}
	#masthead #logo h1 img {
		margin:0 auto;
	}
	#content-wrap .col-1-5 {
		width:100%;
	}

	/* working papers */
	#mobile-index.open {
		max-height:100%;
		overflow-y:scroll;
	}
	.working-paper.entry-content {
		overflow:hidden; /* allows the tooltips to be scrolled */
	}
	#secondary .footnote-tooltip {
		max-height:80%;
		overflow-y:scroll;
	}
	#secondary .footnote-tooltip a.close {
		left:5px;
	}

	.breadcrumbs {
		display:none;
	}
	.slideboxes.cols-2 .slidebox-14 {
		width:100%;
		margin-right:0;
	}
	.sidebar p {
		font-size:16px !important;
		line-height:1.5 !important;
		letter-spacing:.5px !important;
	}
	h2.heading.alt-1 {
		position:relative;
		margin-bottom:30px;
	}
	h2.heading.alt-1 a {
		display:block;
		top:100%;
		position:absolute;
		float:none;
	}
	.widget h3.widget-title, .sidebar h6 {
		font-size:14px;
	}
	.search-filters select,
	.search-filters input {
		padding:5px 3%;
	}
	.event-14 p.event-date {
		margin-top:5px;
	}
	.widget span.author-name {
		font-size:16px;
		letter-spacing:.5px;
	}
	#footer {
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
	}
	ul#menu-social{
		margin:0;
	}
	#people ul.controls li {
		margin:0 5px 0 0;
	}
}

@media all and (min-width: 380px) and (max-width: 420px) {
	.slideboxes.cols-2 .slidebox-14 a.overlay {
		padding:20px;
	}
	.slideboxes.cols-2 .slidebox-14 a.overlay span.title {
		font-size:24px;
	}
}

@media screen and (max-device-width: 480px) {
	/* this prevents iphone from making fonts larger */
  	body {
    	-webkit-text-size-adjust: none;
  	}
}