/*
 * 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
 */
 
/*#columns {border:0px solid blue; width: 100%;} 
	#content-column {border:0px solid green;width:50%;margin:0;float:right;}
		#content-column .content-inner {border:0px solid black;margin:0;}
	.sidebar {border:0px solid red;width:50%;margin:0;float:left;}*/


 
@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) {} */

/* Custom MQ for edge.org adaptive. Just to keep from needing the same CSS in all the adaptive files */

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

	.views-field-field-video-embed {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.views-field-field-video-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* NAVIGATION */
	.nav, .nav ul, .nav ul.menu {
		min-width:100%;
		margin:0;
		padding:0;
	}
	
	.nav li,
	.nav ul.menu li {
		display: block;
		float: none;
	}
	
	#primary-menu-bar {
		background-color:#f3f3f3;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
	  }
	
	#primary-menu-bar ul.menu li {
		padding:0px;
		margin:0px;
		background-color:transparent;
		border-bottom:0px solid #ccc;
	}
	#primary-menu-bar.nav ul.menu li.active,
	#primary-menu-bar.nav ul.menu li.active-trail{
		border:solid 0px #CCC;
		border-bottom:none;
	}
	
	.primary-menu-wrapper {margin:0;}
	
	.nav li a,
	.nav ul.menu li a {
	  display: block;
	  white-space: nowrap;
	  padding:8px 20px;
	  font-size:16px;
	}
	
	.nav li.first a,
	.nav ul.menu li.first a {
		padding-top:12px;
	}
	
	.nav li.last a,
	.nav ul.menu li.last a {
		padding-bottom:12px;
	}
	
	
	.nav li a:visited,
	.nav ul.menu li a:visited {}
	
	.nav li a:hover,
	.nav li a:focus,
	.nav ul.menu li a:hover,
	.nav ul.menu li a:focus {
		background:#ccc;
		text-decoration:none;
		color:#222;	
	}
	
	.nav .block {
	  margin-bottom: 0;
	}
	
	
	/* FOOTER */
	#footer {
		border-top:1;
	}
	
	#footer .edge-footer {
		margin-top:0;
	}
	
	#footer .edge-footer li {
		display:block;
		padding:0 0 0 0;
	}
	
	
	/* TYPOGRAPHY */
	
	a:link,
	a:visited {
	  color:rgb(130,34,9);}
	
	a:active,
	a.active {
	  color:#000;
	}	
	

	/* MISC */
	#main-content, .sidebar .block-inner, #footer {
		padding:10px 20px;
	}
	
	/*
	http://edge.org/event/the-edge-dinner-2015
	*/
	.edge-list {
		list-style:none;
		margin:0!important;
		padding:0!important;	
	}
	
	.edge-list li{
		float:none;
		width:100%;
		margin:0!important;	
	}
	
	.edge-list li img{
		width:100%!important;
		max-width:100%!important;	
	}
	
	.edge-list li:nth-child(even){
		padding-left:0%!important;	
	}
	
	.edge-list li:nth-child(odd){
		padding-right:0%!important;
	}

	.nivoSlider {
		max-width:100%;
		width:640px!important;
		height:auto !important;
	}	
	
	/* Fixes images with inline height and width styles so they become flexible without distorted aspect ratios*/
	img[style] {
		height:auto !important;
		max-width:100%;	
	}

}


@media only screen and (max-width: 768px) {
	
	
	/* CHANGES VIDEOS TO BE RESPONSIVE */	
	.views-field-field-video-embed {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.views-field-field-video-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.node-video .field-name-field-video-embed .field-item div {
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%; 
		height: auto;
	}

	.node-video .field-name-field-video-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/*FIXES SLIDESHOW VIEW */	
	.nivoSlider {
		max-width:100%;
		height:auto !important;
	}
	
	table.views-view-grid, .views-view-grid thead, .views-view-grid tbody, .views-view-grid th, .views-view-grid td, .views-view-grid tr { 
		/* display: block; */
	}
		
/*
	td.col-last { 
		margin-right: 0 !important;
    text-align: right !important;
    padding-right: 0 !important;
	}
	td.col-first { 
		margin-left: 0 !important;
    padding-left: 0 !important;
	}
*/

	.views-view-grid td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0%; 
	}
	
	/* Fixes images with inline height and width styles so they become flexible without distorted aspect ratios 
	img[style] {
		height:auto !important;
		max-width:100%;	
	}*/
}


@media only screen and (max-width: 480px) {
	#header .site-slogan, 
	#header .social-media-links,
	.front .views-field-body .field-content p, 
	/*.front .views-field-body,*/
	.front .views-field-nothing,
	.front .views-field-service-links,
	.front .views-field-type-1,
	#date-stamp {display:none;}
	
	.front .views-field-body .field-content p:first-of-type {
		display:block;	
	}
	
	
	/* HEADER */
	#header {
		min-width:100%;
	}
	
	.region-header {}
	#header .region-header {
	  margin-top:0px;
	  min-width:100%;
	}
	
	#branding {
	  float:none;
	  width:100%;
	  text-align:center;
	  padding:0;
	  border:0px solid blue;
	}
	
	#logo {
		width:100%;
		float:none;
		display:block;
	}
	
	#logo a {
		display:block;
		padding:10px 0;
	}
	
	#logo img {
		width:40%;
	}
	
	#header #block-search-form {
		float:none;
		width:100%;
		padding:0;
		margin:0 auto 20px auto;
		text-align:center;
		border:0px solid blue;
	}
	
	#search-block-form .form-type-textfield .form-text{
	  border: 1px solid #ccc;
	  height: 24px;
	  padding: 2px 5px 2px 2px;
	  width:70%;
	  font-size:16px;
	}
	
	.form-submit {
	  padding:4px 8px 4px 8px;
	  height:29px;
	  position:relative;
	  top:-1px;
	}
	
	
	/* NAV */
	.nav li a,
	.nav ul.menu li a {

	  padding:8px 10px;
	  font-size:15px;
	}
	
	.nav li a:hover,
	.nav li a:focus,
	.nav ul.menu li a:hover,
	.nav ul.menu li a:focus {
		background:transparent;
		text-decoration:none;
		color:#A3725D;	
	}
	
	#primary-menu-bar ul.menu li { /* default state, hide all menu items */
		display:none;
	}
	
	#primary-menu-bar ul.menu li.first { /* overide default state and show top menu item to click for menu expansion */
		display:block;
	}

	#primary-menu-bar ul.menu li.first:hover~li { /* show dropdown when hovering over top menu item */
		/* display:block; */
	}
	
	#primary-menu-bar ul.menu li.first a {display:none;} /*hide link on top item since drupal won't allow # links */	

	#primary-menu-bar ul.menu li:hover, #primary-menu-bar ul.menu:hover > li { /* keep menu expanded when moving down over items */
		/* display:block; */

	}
	
	#primary-menu-bar ul.menu li.first:after { /* spoof top item to look like link */
		content: "SITE NAVIGATION \2794";
		font-size:15px;
	}

	#primary-menu-bar ul.menu li.first { /* spoof top item to look like link */
		color:#A3725D;	  
		padding:8px 10px;
	} 
	
	
		
	/* CONTENT */
	.front .views-field-title {padding-top:20px;}
		
	.sidebar {
		min-width:100%;
		width:100%;
		overflow:hidden;
		float:left;
		border:0px solid blue;
	}
	
	.sidebar-second #main-content, .sidebar-first #main-content {
		margin:0;
	}
	
	#content-column {float:right;border:0px solid blue;}
	
	
	/*FIXES LIBRARY VIEW */	
	tabl.cols-5e, .cols-5 thead, .cols-5 tbody, .cols-5 th, .cols-5 td, .cols-5 tr { 
		display: block; 
	}
		
	.cols-5 td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0%; 
	}
	
	
		
}