/*
 * 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.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */



 @media only screen and (max-width: 1041px) {
   #block-superfish-1 {
     margin-top:0px;
     clear:right;
     float:right;
     padding-top:0px;
     margin-left:12px;
   }
 
 } 
 
 @media only screen and (min-width: 840px) {
   #block-superfish-1 {
     margin-top:20px;
     clear:right;
     float:right;
     padding-top:0px;
     margin-left:12px;
   }
    .front #block-superfish-1 {
     margin-top:20px;
   }
 } 
 
@media only screen and (max-width: 931px) {
 	#block-superfish-1 .sf-accordion-toggle{
		width:40px;
		float: right;
		/* margin-right:20px; */
		position:relative;
     margin-top:0px;
  }
 	#block-superfish-1 .sf-accordion-toggle .sf-expanded{
		/* margin-top:-75px;
		position:absolute;  */
  }
  ul.sf-menu.sf-accordion.sf-expanded {
    width:160px;
    position:absolute;
    right:0px;
    top:70px !important;
		background-color:#a9a59d;
  }
 #superfish-1-accordion.sf-style-default a,
 div.sf-accordion-toggle.sf-style-default a {
		color:#fff;
		background:none;
		border-width:0px;
  }
 div.sf-accordion-toggle.sf-style-default a {
		font-size:2em;
  }
  div.sf-accordion-toggle.sf-style-default a.sf-expanded, .sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    background:transparent;
  }
#superfish-1-accordion.sf-style-default a.sf-expanded,  #superfish-1-accordion.sf-style-default li.sf-expanded, #superfish-1-accordion.sf-style-default a,  #superfish-1-accordion.sf-style-default a:visited,   #superfish-1-accordion.sf-style-default span.nolink, #superfish-1-accordion.sf-style-default li,  #superfish-1-accordion.sf-style-default.sf-navbar {
    background-color:transparent;
    color:#fff;
    text-align:right;
		text-shadow: 0px 0px 2px rgba(64, 64, 64, 1);
		padding-right:30px;
  }
  #superfish-1-accordion.sf-style-default a, .#superfish-1-accordion.sf-style-default a:visited, #superfish-1-accordion.sf-style-default span.nolink {
    border-width:0px;
    background-color:transparent;
    padding-right:40px;
  }
  #superfish-1-accordion.sf-style-default li:hover, #superfish-1-accordion.sf-style-default li.sfHover, #superfish-1-accordion.sf-style-default a:focus, #superfish-1-accordion.sf-style-default a:hover, #superfish-1-accordion.sf-style-default a:active, #superfish-1-accordion.sf-style-default span.nolink:hover {
    background-color:transparent;
    color:#000;
		text-shadow: none;
  }
  div.sf-accordion-toggle.sf-style-default a {
    padding:0px;
  }
} 

@media only screen and (max-width: 1000px) {
		#cmg-planroom-register-registerform .form-item {
				width: 45%;
				float: left;
		}
		#cmg-planroom-register-registerform .form-item input{
				    max-width: 90%;
		}

		#cmg-planroom-register-registerform .form-type-radios.form-item-vendor-terms-select,
		#cmg-planroom-register-registerform .form-item-vendor-terms-additional-select {
				width: 100%;
		}
		#cmg-planroom-register-registerform .form-item-vendor-terms .description,
		#cmg-planroom-register-registerform .form-item-vendor-terms-additional .description {
				clear:both;
				width:90%;
		}
		#cmg-planroom-register-registerform .form-type-radios.form-item-vendor-terms-select > label,
		#cmg-planroom-register-registerform .form-item-vendor-terms-additional-select > label {
			font-size: 18px;
			padding-bottom:12px;
		}
		#cmg-planroom-register-registerform .form-type-radios.form-item-vendor-terms-select > .description,
		#cmg-planroom-register-registerform .form-item-vendor-terms-additional-select > .description {
			padding-bottom:12px;
		} 
 } 

 

 /*  larger phones and down */
 @media only screen and (max-width: 641px) {


  
 
   .gradient-block {
     display:none;
   }
   .front #header, .node-type-portfolio #header {
     position:relative;
     min-height:108px;
   }  
    #header {
     min-height:108px;
   }  
   .front .social-icons a, .front .social-icons a i, .node-type-portfolio .social-icons a, .node-type-portfolio .social-icons a i {
     color:#666;
   }
 
   .social-icons{
     margin-top:30px;
     padding-top:0px;
   }
   
   .block.portfolio-landing {
     display:none;
   }
   .block.portfolio-landing-mobile {
     display:block;
   }
   .block.portfolio-landing .views-field-title, .block.portfolio-landing-mobile .views-field-title,   .block.portfolio-landing-mobile .views-field-title a {
     font-size:12px;
   }
   
   .ds-2col-stacked.node-portfolio  > .group-header,
   .ds-2col-stacked.node-homepage-slideshow-d7  > .group-header {
      display:none;
		}
		.ds-2col-stacked.node-portfolio >  .group-footer,
		.ds-2col-stacked.node-homepage-slideshow-d7 >  .group-footer {
			display:block;
		}
		.node-type-portfolio #page-title {
		  position:fixed;
		}
		.firm-page-mobile {
		  display:block;
		}
		.page-firm #block-system-main {
		  display:none;
		}

  /* passive house */		
		.ds-2col.node-passivhaus-page > .group-right,
		.ds-2col.node-passivhaus-page > .group-left {
		  width:100%;
		  padding:0px;
		}
		.ds-2col.node-passivhaus-page   > .group-left {
    float: left; 
    position:relative;
    }
    .ds-2col.node-passivhaus-page   > .group-right {
			border-left:0px solid #a9a59d;
    }


		.ds-2col.node-passivhaus-page > .group-right p,
		.ds-2col.node-passivhaus-page > .group-left p {
		  margin-left:12px;
		  margin-right:12px;
		}
		
	/* About us */
	.node-about-us-page .field-name-field-about-us-image,
	.node-about-us-page .field-name-field-about-us-body {
	  width:100%;
	  margin:0px;
	  max-width:100%;
	}
	.node-about-us-page .field-name-field-about-us-body .field-item,
	.node-about-us-page .field-name-field-about-us-body .field-item ol {
	  padding-right:24px;
	  padding-left:36px;
	}
	.page-node-201 .field-name-field-about-us-body .field-item {
			padding:0 !important;
		}
	.page-node-201 .field-name-field-about-us-body .field-item p,
	.page-node-201 .field-name-field-about-us-body .field-item div{
			padding-left:24px !important;
		}

		/* references */
		.node-type-references-page #block-system-main {
		  display:none;
		}
	.node-type-references-page  .references-block,
	.node-type-references-page  .references-intro {
		  width:100%;
		}
	.node-type-references-page .references-intro {
		margin-top:0px;
		padding:0 20px;
	}
	.node-type-references-page .references-block .view-content {
		margin-top:0px;
	}
	.node-type-references-page .views-field-field-recommendation-body {
		margin-right:20px;
		margin-left:20px;
	}
	.node-type-references-page .views-field-field-recommendation-body p {
		padding:50px 0px;
	}
	
	/* contact */
	.section-contact-us iframe {
		max-width:100%;
		margin-right:24px;
	}
	
	/* staff bios */
	.view-id-people.view-display-id-staff_bios_block  {
		position:relative;
	}
	.view-id-people.view-display-id-staff_bios_block .headshot-group {
		width:33%;
	}
	.view-id-people.view-display-id-staff_bios_block .views-field-field-main-copy {
		position:absolute;
		top:250px;
		width:100%;
		padding-right:24px;
	}
	
	/* education */
	.node-type-educational-page .field-name-field-educational-intro, 
	.node-type-educational-page .ds-2col > .group-header, 
	.node-type-educational-page .field-collection-container {
	  width:100%;
	}
	.node-type-educational-page .ds-2col > .group-right {
	  padding-left:1%;
	}
	

	
} 
/* end of 640 and lower */




 
 
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used 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.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
     .block.portfolio-landing {
     display:none;
   }
   .block.portfolio-landing-mobile {
     display:block;
   }

}

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

/*
  * Tablet sizes and down
 */
@media only screen and (max-width: 769px) {

   .block.portfolio-landing {
     display:none !important;
   }
   .block.portfolio-landing-mobile {
     display:block;
   }
  .logo-block #subtitle {
    margin-top: -6px;
    font-size: 14px;
    color: #fff;
	}
  .front .logo-block #subtitle {
    color: #fff;
	}


	.view-id-portfolio_main_page.view-display-id-page .views-field-title  {
		/* color:#ff6e04; */
		color:#fff;
				font-size: 12px;
			line-height: 14px;
	}
  .view-id-firm_landing_page.view-display-id-page .slick__slide .views-field-title .field-content  {
		color:#fff;
				font-size: 12px;
			line-height: 14px;
	}
	.slick-track:before,
	.slick-track:after
	{
			display: none;
			content: '';
	}
	.slick--view--portfolio-main-page button.slick-next {
		font-size:1em;
	}
	#block-superfish-1 {
		padding-top:0px; 
		margin-right:0px;
		margin:0px;
		margin-left:24px;
		z-index:500;
		/* margin-top:-20px; */
  }
	.front #block-superfish-1 {
		margin-top:0px; 
  }
	#block-superfish-1 .block-inner {
		margin:0px;
  }

	.social-icons {
		/* float:left; */
  }
  
  	#block-views-news-items-news-block-mobile {
		display:block;
	}
	#block-views-news-items-news-block{
		display:none;
	}
	.view-id-portfolio_main_page.view-display-id-page .views-field-title,
	.block.portfolio-landing .views-field-title,
	.block.portfolio-landing-mobile .views-field-title,
	.view-id-portfolio_main_page.view-display-id-page .views-field-title a,
	.block.portfolio-landing .views-field-title a,
	.block.portfolio-landing-mobile .views-field-title a {
			font-size: 12px;
			line-height: 12px;
			width:60%;
	}
	
	/** superfish **/
	 	#block-superfish-1 .sf-accordion-toggle{
		width:40px;
		float: right;
		margin-right:20px;
		position:relative;
     margin-top:0px;
  }
 	#block-superfish-1 .sf-accordion-toggle .sf-expanded{
		/* margin-top:-75px;
		position:absolute;  */
  }
  ul.sf-menu.sf-accordion.sf-expanded {
    width:160px;
    position:absolute;
    right:0px;
    top:40px !important;
		background-color:#a9a59d;
  }
 #superfish-1-accordion.sf-style-default a,
 div.sf-accordion-toggle.sf-style-default a {
		color:#fff;
		background:none;
		border-width:0px;
  }
 div.sf-accordion-toggle.sf-style-default a {
		font-size:2em;
  }
  div.sf-accordion-toggle.sf-style-default a.sf-expanded, .sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    background:transparent;
  }
	#superfish-1-accordion.sf-style-default a.sf-expanded,  #superfish-1-accordion.sf-style-default li.sf-expanded, #superfish-1-accordion.sf-style-default a,  #superfish-1-accordion.sf-style-default a:visited,   #superfish-1-accordion.sf-style-default span.nolink, #superfish-1-accordion.sf-style-default li,  #superfish-1-accordion.sf-style-default.sf-navbar {
			background-color:transparent;
			color:#fff;
			text-align:right;
			text-shadow: 0px 0px 2px rgba(64, 64, 64, 1);
			padding-right:30px;
		}
		#superfish-1-accordion.sf-style-default a, .#superfish-1-accordion.sf-style-default a:visited, #superfish-1-accordion.sf-style-default span.nolink {
			border-width:0px;
			background-color:transparent;
			padding-right:40px;
		}
		#superfish-1-accordion.sf-style-default li:hover, #superfish-1-accordion.sf-style-default li.sfHover, #superfish-1-accordion.sf-style-default a:focus, #superfish-1-accordion.sf-style-default a:hover, #superfish-1-accordion.sf-style-default a:active, #superfish-1-accordion.sf-style-default span.nolink:hover {
			background-color:transparent;
			color:#000;
			text-shadow: none;
  }
  div.sf-accordion-toggle.sf-style-default a {
    padding:0px;
  }
  /** end superfish **/
}

@media only screen and (max-width: 834px) {
  
			/** about us page **/
	.node-type-references-page .references-intro {
			max-width:90%;
		margin-top:0px;
			margin-right:7%;
			margin-left:3%;
		padding:0 ;
	}
	.node-type-references-page #block-system-main {
			display:none;
	}
	.node-type-references-page .references-intro ,
	.node-type-references-page .references-block {
			float:none;
			margin-left:auto;
			margin-right:auto;
			width:90%;
	}
	.node-type-references-page .views-field-field-recommendation-body {
			max-width:100%;
		margin-top:0px;
			margin-right:5%;
			margin-left:5%;
		padding:0 ;
	}
	.node-type-references-page .views-field-field-recommendation-body p {
			font-size: 16px;
			padding-left: 0px;
			padding-right: 0px;
	}
	.page-node-201.node-about-us-page .field-name-field-about-us-body{
		max-width:94%;
		float:none;
		margin-right:auto;
		margin-left:auto;
		min-width:400px;
	}
	.page-node-201.node-about-us-page .field-name-field-about-us-body .field-item {
		padding:0;
	}
	.node-about-us-page .field-name-field-about-us-body {
			max-width: 96%;
			float: none;
			margin-left: auto;
			margin-right: auto;
			min-width: 96%;
			margin-bottom: 24px;
	}
	.node-about-us-page .field-name-field-about-us-image {
			max-width: 100%;
			float: none;
			margin-right: 0;
			min-width: 400px;
			margin-bottom: 12px;
	}
} 



 /*  larger phones and down */
 @media only screen and (max-width: 639px) {
   
   	#block-superfish-1 {
		padding-top:0px; 
		margin-right:0px;
		margin:0px;
				margin-left:12px;
				margin-top:0px;
		position:absolute;
		right:0px;
		z-index:500;
		top:48px;
  }
  ul.sf-menu.sf-accordion.sf-expanded {
    top:50px !important;
  }
  .logo-block #subtitle {
    color: #fff;
	}
	.front .logo-block  #subtitle {
		color:#fff;
	}
 }


 @media only screen and (max-width: 601px) {
   .social-icons {
     float:left;
     margin-top:12px;
     margin-bottom:12px;
   }
 
 } 
 
@media only screen and (max-width: 530px) {
  #block-superfish-1 .sf-accordion-toggle {
    top:12px;
  }
  ul.sf-menu.sf-accordion.sf-expanded {
    top:60px !important;
  }
  .front #block-superfish-1 .sf-accordion-toggle {
    top:40px;
  }
  .front ul.sf-menu.sf-accordion.sf-expanded {
    top:90px !important;
  }
  .logo-block #subtitle {
    margin-top: -6px;
    font-size: 14px;
    color: #fff;
	}
  .front .logo-block #subtitle {
    color: #fff;
	}
	.page-planroom-login .planroom-login-image {
		max-width:90%;
		float:none;
	}
	.page-planroom-login #main-content #block-system-main {
		max-width:90%;
	}



}