/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   * 
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */


@media only screen and (min-width: 1700px) {
	#block-bean-about-page-banner .field-name-field-caption {
		padding: 4% 17%;
	}
}

@media only screen and (min-width: 1600px) {
	#block-bean-journalism-project-photo .field-name-field-caption .field-items {
		max-width: 1150px;
	}
	
	#block-bean-journalism-project-photo .field-name-field-caption .field-item {
		max-width: 740px;
	}
	
	#block-bean-journalism-project-photo .field-name-field-caption h2 {
		font-size: 34px;
	}
	
	#block-bean-journalism-project-photo .field-name-field-caption p {
		font-size: 25px;
	}
}

@media only screen and (max-width: 1699px) {
	#block-bean-about-page-banner .field-name-field-caption {
		padding: 4% 10%;
	}
}

@media only screen and (max-width: 1499px) {
	#block-bean-about-page-banner .field-name-field-caption {
		padding: 3% 7%;
	}
}

@media only screen and (max-width: 1366px) {
	#block-bean-about-page-banner .field-name-field-caption {
		max-width: 645px;
		padding: 3%;
	}
	
	#block-bean-about-page-banner .field-name-field-caption p {
		font-size: 28px;
	}
	
	#block-bean-about-page-banner .field-name-field-caption ul li {
		font-size: 23px;
	}
}

@media only screen and (max-width: 1200px) { 
	.journalism-project #journalism-info {
		width: 44%;
	}
}

@media only screen and (max-width: 1160px) { 
	.front .habitat-promo .block-inner {
		padding: 0 1%;
	}
	
	#block-bean-journalism-project-photo .field-name-field-caption { 
		top: 1%;
	}
}

@media only screen and (max-width: 1125px) {
	#block-bean-about-page-banner .field-name-field-caption {
		max-width: 630px;
		padding: 3%;
	}
	
	#block-bean-about-page-banner .field-name-field-caption p {
		font-size: 25px;
	}
	
	#block-bean-about-page-banner .field-name-field-caption ul li {
		font-size: 22px;
	}
}

@media only screen and (max-width: 1070px) {
	.journalism-project #journalism-info {
		width: 40%;
	}	
	
	.toolbox .content div.top div, .toolbox .content div.bottom div {
		width: 260px;
	}
	
	.front .habitat-promo #habitat-logo {
		max-width: 220px;
	}
	
	.front .habitat-promo #habitat-description {
		font-size: 13px;
		padding: 25px 0 20px 10px;
	}
	
	.front .habitat-promo #habitat-links {
		padding-top: 27px;
	}
	
	.front .habitat-promo #habitat-links a {
		font-size: 13px;
		padding: 6px 12px;
	}
}

@media only screen and (max-width: 767px) {
	
	.journalism-project #twitter-feed,
	.journalism-project #journalism-info {
		margin: 20px 0 0;
		width: auto;
	}
	
	.journalism-project #twitter-feed {
		margin: 0;
	}
	
	#twitter-feed h2, .journalism-about .content h3 {
		font-size: 15px;
	}
	
	#header-wrapper {
		position: fixed;
		top: 0;
		width: 100%;
	}	
	
	.field-name-open-social-share {
		display: none;
	}
	
	section.block.flyout,
	.front #secondary-content-wrapper {
		display: none;
	}
	
	.field-name-habitat-iii-commentary,
	.field-name-habitat-iii-commentary .views-row {
		width: auto;
	}	
	
	.field-name-habitat-iii-commentary .views-row {
		margin: 0 10px;
	}
	
	#nav-wrapper {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	#drawer {
		background: #e97400;
		float: left;
		height: auto;
		margin-bottom: 10px;
		width: 94%;
	}
	
	#drawer #signup-left,
	#drawer #signup-right {
		float: none;
		margin: 0;
		padding: 15px 15px 10px;
		width: 90%;
	}
	
	#drawer #signup-right {
		padding: 0 0 8px;
	}
	
	#drawer p {
		font-size: 13px;
		margin: 0;
	}
	
	#drawer #mc_embed_signup form {
		padding: 0 15px;
		width: 90%;
	}
	
	#drawer #mc_embed_signup input.email {
		float: none;
		width: 100%;
	}
	
	#drawer #mc_embed_signup p.submit {
		float: none;
		margin: 0 0 0;
	}
	
	.email-drawer h2 {
		font-size: 16px;
	}
	
	.email-drawer #mc_embed_signup input.button {
		background: #d54d03;
	}
	
	.language-filter {
		display: none;
	}
	
	.region-header .logo {
		float: left;
		margin: 0 0 0 70px;
	}
	
	.region-header .logo p {
		margin: 20px 0 10px;
	}
	
	.sticky .region-header .logo {
		margin: 0 0 0 5px;
	}
	
	.node-type-partner-content #main-content,
	.section-story #main-content,
	#main-content {
		margin: 75px 0 0;
	}
	
	.front #main-content {
		margin: 50px 0 0;
	}
	
	/* About Citiscope */
	.page-node-2246 #main-content {
		margin: 0;
	}
	
	.page-node-2246 .region-banner {
		margin: 50px 0 0;
	}
	
	span.osshare_more {
		display: none !important;
	}
	
/* Homepage */	

	/*.front #main-content {
		margin: 55px 0 0;
	}*/
	
	.front .panel-row .container {
		margin: 0 15px;
	}
	
	.field-name-top-feature .views-field-field-topics {
		font-size: .8em;
	}
	
	.field-name-top-feature .views-field-field-topics a, 
	.field-name-top-feature .views-field-field-city a {
		padding: 6px 12px 7px;
	}
	
	.at-panel .region.region-homepage-row-1-right,
	.region-homepage-row-1-left {
		margin: 20px 0 0;
		width: 100%;
	}
	
	.view-homepage-features .feature-right {
		margin-top: .5em;
	}
	
	.field-name-top-feature .views-field-field-teaser {
		line-height: 1.3em;
	}
	
	.view-homepage-categories .views-row {
		margin: 0 0 25px;
		width: 100%;
	}

	.front .views-field-field-teaser p {
		margin: 0;
	}
	
	.front .attachment-after .views-row-first {
		margin-left: 0;
	}
	
	.front .row-3 h2.block-title {
		background: url(../images/icon-subscribe.png) 0 3px no-repeat;
		font-size: 1em;
  		line-height: 1.2em;
	}
	
	.front .row-3 #mc_embed_signup input.email {
		width: 92%;
	}
	
	.front .row-3 #mc_embed_signup input.button {
		margin: 4px 0 0;
		width: 30%;
	}
	
	.view-homepage-features .feature-left {
		margin-right: 0;
	}
	
	.sticky .region-header .block-sharethis {
		display: none;
	}
	
	.page-taxonomy-term.section-content-labels #main-content,
	.page-citiscope-features.section-citiscope-features #main-content,
	.page-taxonomy-term.section-topics #main-content {
	 margin: 75px 0 0;
 	}
	
	.section-citiscope-features .attachment-before .views-field-title, 
	.section-topics .attachment-before .views-field-title {
		font-size: 1.25em;
	}
	
	.section-citiscope-features .attachment-before .views-field-field-teaser, 
	.section-topics .attachment-before .views-field-field-teaser {
		font-size: .825em;
	}
	
/* Habitat III */
	
	.section-habitatiii .region-banner {
		height: auto;
		margin-top: 60px;
	}
	
	#habitat-logo {
		float: none;
		padding: 20px;
	}
	
	.field-name-habitat-iii-featured-commentary h2, 
	.field-name-habitat-iii-latest-news h2, 
	.field-name-habitat-iii-featured-news h2,
	.field-name-espanol-featured-news h2 {
		font-size: 13px !important;
	}
	
	.section-habitatiii #main-content {
		margin: 0;
		padding: 0;
	}
	
	.field-name-habitat-iii-featured-commentary .views-field-field-author {
		width: 50%;
	}
	
	.section-habitatiii .views-field-field-author .region-two-33-66-first {
		display: none;
	}
	
	.section-habitatiii .views-field-field-author .region-two-33-66-second {
	}	
	
	.field-name-habitat-iii-featured-commentary .views-field-title a {
		font-size: 20px !important;
		margin: 10px 0 5px;
		width: 100%;
	}
	
	.field-name-habitat-iii-commentary {
		margin: 20px 15px !important;
		width: auto !important;
	}
	
	.field-name-habitat-iii-featured-commentary .views-field-field-author,
	.field-name-habitat-iii-featured-commentary .views-field-field-photo,
	.field-name-habitat-iii-commentary .views-field-field-photo {
		margin: 0 0 5px !important;
		width: 100% !important;
	}
	
	.field-name-habitat-iii-featured-commentary .views-field-created {
		margin: 0 0 10px !important;
	}
	
	.field-name-habitat-iii-ad {
		margin: 0 10px;
		text-align: center;
		max-width: 90%;
		width: auto;
	}
	
	.field-name-habitat-iii-latest-news {
		border-top: 1px solid #ccc;
		margin-top: 10px;
	}
	
	.field-name-habitat-iii-latest-news .views-row {
		margin-left: 0;
	}
	
	.node-habitat-iii-landing .block-content { 
		margin: 0 10px;
	}
	
	.node-habitat-iii-landing .field-name-explainers .block-inner {
		padding: 15px 5px;
	}
	
	.node-habitat-iii-landing .field-name-explainers .views-field-title a {
		font-size: 16px;
	}
	
	.node-habitat-iii-landing .field-name-explainers .view-header p {
		margin: 0 0 15px;
	}
	
	.node-habitat-iii-landing .field-name-explainers h2 {
		font-size: 21px !important;
		font-weight: 700;
		margin: 5px 10px 5px 0;
	}
	
	.node-habitat-iii-landing .field-name-explainers .views-row {
		float: left;
		font-size: 15px !important;
		margin: 0 20px 20px 0;
		min-height: 160px;
		width: 43%;
	}
	
	.section-habitatiii .group-art {
		margin: 0 0 10px;
		max-width: 100%;
	}
	
	.section-habitatiii article h3 {
		line-height: 120%;
		font-size: 150%;
	}
	
	.node-type-habitat-iii .field-name-field-article-type {
		font-size: 16px;
	}
	
	.node-type-habitat-iii #columns {
		margin: 28px 15px;
	}
	
	.node-type-habitat-iii .group-related h3 {
		line-height: 130%;
	}
	
	.group-related .field-name-latest-h3-news,
	.group-related .field-name-latest-commentary {
		border: none;
		margin: 0;
		padding: 0;
		width: 95%;
	}
	
	.field-name-habitat-iii-author-profile {
		margin: 25px 0;
	}
	
	.field-name-espanol-featured-news .block-inner {
		margin-left: 0;
	}
	
	.field-name-habitat-iii-featured-news, 
	.field-name-espanol-featured-news {
		width: 90%;
	}
	
	.field-name-habitat-iii-featured-news {
		margin-bottom: 30px;
	}
	
	.field-name-espanol-featured-news .views-field-field-photo,
	.field-name-habitat-iii-featured-news .views-field-field-photo {
		width: 130px;
	}
	
	.field-name-habitat-iii-author-profile .views-field-field-bio .bio {
		font-size: 95%;
	}	
	
	.node-type-habitat-iii .field-name-field-subhead,
	.node-type-habitat-iii h3.subtitle {
		font-size: 100%;
		width: 100%;
	}
	
	.welcome.habitat-iii {
		background-size: auto 100px;
		font-size: 16px;
		line-height: 130%;
		padding-left: 70px; 
	}
	
 	.page-habitatiii-news #main-content,	
	.section-content-labels #main-content,
	.section-citiscope-features #main-content,
	.section-topics #main-content {
	 margin: 0 10%;
 	}
	
	
	#block-bean-about-page-banner .field-name-field-caption {
		background: #fff;
		padding: 0;
		position: relative;
		max-width: 100%;
	}
	
	#block-bean-about-page-banner .field-name-field-caption .field-items {
		padding: 4%;
	}
	
	#block-bean-about-page-banner .field-name-field-caption p {
		font-size: 18px;
	}
	
	#block-bean-about-page-banner .field-name-field-caption ul li {
		font-size: 16px;
	}
	
	.full-width #sidr-wrapper-0 {
    margin: -54px 0 54px 15px;
	}
	
	#about-icons li {
		font-size: 16px;
		width: 47%;
	}
	
	#about-icons li:nth-child(3n+3) {
		clear: left;
	}
	
	#about-icons li:nth-child(4) {
		clear: none;
	}
	
	#about-icons li img {
		max-width: 70%;
	}
	
	.region-tertiary-content .partners .block-inner,
	.region-tertiary-content .full-subscribe .block-inner {
		max-width: 90% !important;
	}
	
	.full-subscribe #mc_embed_signup input.email, .front .row-3 #mc_embed_signup input.email {
		width: 100%;
	}
	
	.full-subscribe #mc_embed_signup input.button, .front .row-3 #mc_embed_signup input.button {
		margin: 0;
	}
	
	.page-habitatiii .group-right { 
		width: 100%;
	}
	
	/* Journalism Project */
	
	#block-bean-journalism-project-photo .field-name-field-caption {
		line-height: 130%;
		padding: 0 15px;
		position: relative;
		width: auto;	
	}
	
	.transcript td {
		float: left;
		padding: 0 10px 15px;
	}
	
	.transcript td p {
		margin: 0;
	}
	
	.transcript td:nth-child(1) {
		font-weight: 700;
	}

	.transcript td:nth-child(1) p {
		margin: 1em 0 0;
	}
	
	.view-espanol-landing .views-field-title, 
	.section-content-labels .views-field-title, 
	.section-citiscope-features .views-field-title, 
	.section-topics .views-field-title {
		clear: both;
	}
	
	.page-espanol .attachment-before .views-field-title, 
	.section-citiscope-features .attachment-before .views-field-title, 
	.section-topics .attachment-before .views-field-title {
		font-size: 1.1em;
	}
	
	.page-espanol .attachment-before .views-field-field-teaser, 
	.page-espanol .attachment-before .views-field-field-subhead, 
	.section-content-labels .views-field-field-teaser, 
	.section-citiscope-features .views-field-field-teaser, 
	.section-topics .views-field-field-teaser {
		font-size: .9em;
	}
	
	/* H3 Slim Subscribe */
	.h3subscribe.section-habitatiii #main-content {
		margin: 0 auto;
	}
	
	.h3subscribe #columns {
		margin: 0;
	}
	
	.h3subscribe.section-habitatiii article h3 {
		font-size: 130%;
	}
	
	.h3subscribe #mc_embed_signup input.email {
		width: 100%;
	}
	
	/* QUITO */
 .quito-header {
	 margin-top: 55px;
 }
 
 .quito-header .quito-chatter {
    font-size: .9em;
	  line-height: 130%;
		margin-top: -10px;
    padding: 0 30px 15px 45px;
 }
 
 .section-quito .connect-blue p {
	 font-size: 19px;
	 padding: 20px 5% 0; 
 }
 
 .section-quito .connect-blue #mc_embed_signup form {
	 padding: 10px 5% 20px;
 }
 
 .section-quito .connect-blue #mc_embed_signup input.email {
	 width: 65%;
 }
 
 .section-quito .connect-blue {
    padding: 0 0 25px;
 }
 
 .section-quito #main-content {
	 margin: 25px 0 0;
 }
 
 #quito .pane-block {
	 margin: 0;
 }
 
 #quito h2.pane-title, #quito .view-quito-coverage h3 {
	 font-size: 120%;
 }
 
 .view-quito-coverage .views-row {
	 clear: both;
	 margin: 0 0 20px;
 }
 
 .pane-views-quito-coverage-quito-feed .views-field-field-photo, 
 .pane-views-quito-coverage-quito-feed .views-field-field-small-photo {
	 margin: 0;
 }
 
 .pane-views-quito-coverage-quito-feed .views-field-title {
	 clear: both;
 }
	
}

@media only screen and (max-width: 850px) {
	#habitat-description {
		display: none;
	}
	
	#nav-wrapper .container {
		width: 95%;
	}
	
	.page-habitatiii .views-field-field-photo {
		margin: 0 0 10px;
	}
	
	.page-habitatiii .group-right { 
		margin: 0 0 20px;
	}	
	
}

@media only screen and (max-width: 767px) and (min-width: 321px) {
	
	.front .panel-row .container {
		width: 92%;
	}

	
}

@media only screen and (max-width: 640px) and (min-width: 300px) {
	html {
		font-size: 90% !important;
	}	
	
	.region-header .block-13 {
		display: none;
	}
	
	.region-header .block-3 img {
		max-width: 80% !important;
	}
	
	.welcome .views-field-title a {
		font-size: 140% !important;
	}
	
	.view-stories .views-field-field-topics	{
		clear: both;
		float: none;
		padding: 10px 0 0;
		width: 100% !important;
	}
	
	#columns {
		margin: 0 15px 30px;
	}	
	
	.one-sidebar .sidebar,
	.region-sidebar-first, .region-sidebar-second {
		clear: both !important;
		max-width: 93% !important;
	}
	
	.view-taxonomy-term .field-name-field-photo, .view-stories .views-field-field-photo	{
		float: none !important;
		margin: 10px 0 !important;
	}
	
	.field-name-field-story-highlights li {
		font-size: 100% !important;
	}
	
	.node-type-story .field-name-small-photo-view {
		float: none;
	}
	
	.node-type-story #block-views-small-photo-block .views-field-field-small-photo {
		float: none;
		margin: 0 0 15px;
		max-width: 100%;
	}
	
	.node-type-partner-content #block-sharethis-sharethis-block,
	.node-type-habitat-iii #block-sharethis-sharethis-block,
	.node-type-photo-gallery #block-sharethis-sharethis-block,
	.field-name-field-map,
	.node-type-story #block-sharethis-sharethis-block {
		display: none;
	}
	
	.node-type-partner-content .field-name-title h2,
	.node-type-habitat-iii .field-name-title h2,
	.node-type-commentary .field-name-title h2,
	.node-type-photo-gallery .field-name-title h2,
	.node-type-story .field-name-title h2 {
		font-size: 160% !important;
		width: 100% !important;
	}	

	.node-type-photo-gallery .field-name-sharethis, 
	.node-type-story .field-name-sharethis {
		float: left !important;
		margin: -15px 0 15px !important;
	}	
	
	.node-type-photo-gallery .field-name-field-author, 
	.node-type-story .field-name-field-author {
		width: 50% !important;
	}
	
	.node-habitat-iii .callout,
	blockquote,
	div.img-left,
	.series {
		float: none !important;
		margin: 20px 0 25px !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.node-habitat-iii .callout {
		width: 94% !important;
	}
	
	.field-name-h3-newsletter-subscribe.view-mode-habitat_iii_landing .connect-blue	{
		margin: 0;
	}
	
	.article blockquote p, .callout p {
		font-size: 120% !important;
	}
	
	#block-block-1, 
	#block-search-form {
		display: none;
	}	
	
	.supporters {
		border-right: none;
		width: 80%;
	}
	
	.supporters p {
		float: left;
		margin: 8px 20px 0 0;
	}		
	
	.region-footer .block-menu-block {
		padding: 0;
		width: 100%;
	}
	
	.block-menu-block li.expanded {
		clear: left;
		margin-bottom: 20px;
	}	
	
	footer#footer {
		font-size: 85%;
	}
	
	.region-sidebar-first.block, .region-sidebar-second .block	{
		width: auto !important;
	}
		
	.block-featured-content .node-teaser,
	.page-citisignals .view-display-id-page .views-field-field-photo,	
	.feature-story .view-stories .views-field-view .views-field-field-small-photo, 
	.feature-story .view-stories .views-field-view .views-field-field-photo {		
		float: none;
		width: 100%;
	}
	
	.page-citisignals .view-display-id-page .views-field-field-photo {
		margin: 0 0 10px !important;
	}
	
	.page-citisignals .view-display-id-page .views-row {
		padding: 0 0 35px;
	}
	
	.field-name-latest-innovation-feature, .field-name-latest-citisignals,
	.view-innovators .views-row,
	iframe #twitter-widget-0 {
		width: 100% !important;
	}
	
	.view-innovators .views-row {
		padding: 0 0 40px;
	}
	
	.view-story-archive .views-field-field-photo,
	.view-story-archive .views-field-nothing {
		float: none;
		width: 100%;
	}
	
	.promo {
		font-size: .875em;
		width: 90%;
	}
	
	.promo .views-field-title {
		font-size: 1.175em; 
	}
	
	.promo .left {
		width: 80%;
	}
	
	.promo .right {
		width: 84%;
	}
	
	.section-content-labels .views-field-field-small-photo,
	.section-content-labels .views-field-field-photo,
	.section-citiscope-features .views-field-field-small-photo,
	.section-topics .views-field-field-small-photo,
	.section-citiscope-features .views-field-field-photo,
	.section-topics .views-field-field-photo {
		margin: 0 0 10px;
	}

	.page-habitatiii h1#page-title {
		font-size: 120%;
		margin: 20px 0;
	}
	
}

@media only screen and (max-width: 500px) {
	.page-search .field-name-field-small-photo, .page-search .field-name-field-photo {
		float: none;
		margin: 0 0 .5em;
	}
	
	.field-name-all-commentary-link a {
		font-size: 17px;
		line-height: 120%;
    padding: 20px 30px 15px 85px;
    text-align: left;
	}
	
	.field-name-all-commentary-link a:after {
		border: none;
	}
	
	.field-name-espanol-featured-news .views-field-title a, 
	.field-name-habitat-iii-featured-news .views-field-title a {
		font-size: 15px;
	}
	
	.field-name-espanol-featured-news .views-field-field-photo, 
	.field-name-habitat-iii-featured-news .views-field-field-photo {
		width: 120px;
	}
	
	.field-name-espanol-featured-news .views-row { 
		display: table;
		margin: 0 0 10px;
	}
	
}