/*
 * 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.
 */

/*
 * 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:1850px) {

	
body {
		background-image: url(/sites/default/files/images/skyfloor616.png);
	}


}



@media only screen
and (max-width:1400px) {
	

ul.nice-menu a, ul.nice-menu-down li .nolink{
		font-size: .75em;
	}
	

	ul.nice-menu a {
		margin-top: 5px;
	}
	

		.prezi #iframe_container {
		width: 500px;
		height: 375px;
	}
		
}



@media only screen
and (max-width:1366px) {
	

	body {
		background-color: #fff;
		background-image: none;
	}


	}


	
@media only screen
and (max-width: 1215px) {

  #site-name a {
  	font-size: 2em;
  }
  
 
 #block-views-slideshow-block-block  .flexslider .slides li .field-content img, #block-views-slideshow-block-block-1  .flexslider .slides li .field-content img {
  	width: 600px;
  	height: 375px;
  }
   
.view-front-page-slideshow .flex-control-nav {bottom: -15px;}
   }
   


@media only screen
and (max-width:1150px) {


.region-header {
	background-color: transparent;
}


.view-teach-through-year .view-content {
	margin-left: 0px;
}


.form-text {
	max-width: 136px;
}


.view-front-page-slideshow .flex-control-nav {bottom: 0;}
}







@media only screen
and (max-width:1037px) {
	.scholars .views-field-field-biography .field-content p, .presenter .views-field-field-biography .field-content p {
		width: 50%;
	}
}

@media only screen
and (max-width:1030px) {
	
#site-name a {
		font-size: 1.5em;
	}
	
	
#block-menu-menu-footer-menu li a {
		font-size: 1em;
	}
	
	
.region-footer {
		height: 2em;
		padding-bottom: 10px;
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	


.region-secondary-content {
	max-height: 350px;
}
}



@media only screen
and (max-width:950px) {
	
#site-name a {
		font-size: 1.2em;
	}
	
	
#block-block-1 {
		display: none;
	}
	 
.prezi #iframe_container {
	 	display: none;
	 }
	 
	 
#block-block-8 {
	 	display: none;
	 }
	 
	 
#block-menu-menu-footer-menu {
	 	margin-left: 20%;
	 }
	 
	 
 #block-views-slideshow-block-block  .flexslider .slides li .field-content img, #block-views-slideshow-block-block-1  .flexslider .slides li .field-content img{
	 	width: 400px;
	 	height: 250px;
	 }
	 
	
 #block-block-15 {
	 	display: block;
	 	visibility: visible;
	 }
	
 .views-field-field-slide-caption p {font-size: 1.1em;} 
 

}
 
 


@media only screen
and (max-width:860px) {


 .responsive-menus-0-2 {
	display: block;
}


 .responsive-menus-0-0 {
	display: none;
}
 

}


 
 



@media only screen
and (max-width:853px) {
	.scholars .views-field-field-biography .field-content p, .presenter .views-field-field-biography .field-content p {
		width: 45%;
	}
}
 
 @media only screen
and (max-width:800px) {
	
 #site-name a {
		font-size: 1em;
	}

	
 .calendar:nth-child(1), .calendar:nth-child(2), .calendar:nth-child(3), .calendar:nth-child(4), .calendar:nth-child(5), .calendar:nth-child(6), .calendar:nth-child(7), .calendar:nth-child(8), .calendar:nth-child(9), .calendar:nth-child(10), .calendar:nth-child(11), .calendar:nth-child(12), .resources:nth-child(1), .resources:nth-child(2), .resources:nth-child(3), .resources:nth-child(4), .resources:nth-child(5), .resources:nth-child(6) {
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	
 .resources:nth-child(1), .resources:nth-child(2), .resources:nth-child(3), .resources:nth-child(4), .resources:nth-child(5), .resources:nth-child(6) {
		margin: 10px;
		width: 300px;
	}
	
	
 .resources:nth-child(1) {
		margin-top: 110px;
	}
	
	
 .resources:nth-child(6) {
		margin-bottom: 30px;
	}
	
	
 #block-block-13 {
		top: 0px;
		left: 10px;
		margin-bottom: 10px;
	}
	
	
	
 .view-teach-through-year .view-content {
		margin-left: 0px;
	}
	
	
 #page-title {
		margin-left: 0px!important;
		font-size: 1.5em;
		margin-bottom: 40px;
	}
	
	
 .field-name-field-subject .field-items {
		font-size: 1em;
	}
	
	#block-block-2 {
		width: 190px;
	}
 
}


 
 



@media only screen
and (max-width:785px) {
	.scholars .views-field-field-biography .field-content p, .presenter .views-field-field-biography .field-content p {
		width: 80%;
	}
	.view-front-page-slideshow .slides, .region-secondary-content { max-height: 250px;}
}
 
 @media only screen
and (max-width:765px) {


 .lesson-accord .field-content, .lesson-accord .views-field-field-grade-level, .lesson-accord .views-field-field-estimated-days-to-complete {
	display: block;
}
 

.lesson-accord .views-field-field-estimated-days-to-complete {
	padding-left: 0%;
}


 
 .prezi iframe, .arrows{
 	width: 80%;
 }
 
 
 .arrow img {
 	width: 70px;
 	height: 50px;
 }
 #logo img {height: 60px; width: 60px;}
 
 .rightText, .leftText {
 	border: none;
 	margin-left: 0;
 	width: 95%;
 	padding-left: 0;
 }
 
 
}
 
 

@media only screen
and (max-width:700px) {

	
 .view-lesson-plan-view .view-content {
		display: none;
	}


 }
 
 

@media only screen and (max-width: 580px) {
  /* 
   * 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-menu-menu-footer-menu {
  	margin-left: 8%;
  }
  
  
  #block-menu-menu-footer-menu li a {
  	font-size: .75em;
  }
  
  
   #block-views-slideshow-block-block  .flexslider .slides li .field-content img, #block-views-slideshow-block-block-1  .flexslider .slides li .field-content img {
  display: none;
  visibility: hidden;
  }
  

#content-columns .content-inner {
	margin-bottom: 0px!important;
}
  

#main-content {
	margin: 0px;
}

  
  .view-scholars-view, .view-presenter-view {
  	margin: 2%;
  }
  .social {
  	bottom: 0;
  }
  
#site-name a {
	margin-left: 0;
}

.rightText, .leftText {
	margin-left: 15px;
	margin-right: 15px;
}

.sidebar-first .content-inner{
	padding: 1%;
}
  
}






@media only screen
and (max-width:475px) {
	#site-name a {
		font-size: .75em;
	}
	

	
	#block-menu-menu-footer-menu {
		margin-left: 5%;
	}
.views-field-field-slide-caption p {font-size: .9em;} 

}

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

/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */