/*
 * 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 (min-width: 1025px) {
  /*
  *Front page and converstion nodes media querie;
  */
  .region-header {
    width: 84% !important;
  }
  #header {
    margin-left: 20px;
    margin-top: 14px;
  }
  #page {
    width: auto;
    max-width: 1350px;
  }
  .view-display-id-page .views-field-field-linked-image .field-content .image-style-none {
    width: 98%;
  }
  .view-front-page .views-field-field-linked-image .field-content .image-style-none,
  .view-content-summary .views-field-field-linked-image .field-content .image-style-none {
    width: 98%;
  }
  .sidebar .image-style-none {
    margin-left: 0px !important;
  }
  .region-sidebar-second {
    width: 140px;
  }
  .sidebar-second #main-content {
    margin-left: 20px;
  }
  .field-items .field-item p,
  .field-items .field-item span,
  .field-items .field-item ul,
  .field-items .field-item ol,
  .field-items .field-item pre,
  .field-items .field-item div.views-field-field-byline,
  .field-items .field-item div,
  .field-items .field-item ul,
  .front .views-field.views-field-body .field-content,
  .page-node .views-field.views-field-body .field-content{
    width: 590px;
    margin: 0 auto;
  }
  .field-items .field-item blockquote p {
    width: 550px;
    padding-left: 30px;
  }
  .field-items .field-item p {
    margin-bottom: 1.5em;
  }
  center p {
    margin-right: 28%;
  }
  .views-field .field-content a p {
    margin-left: 2%;
  }
  .views-field-field-video-embed {
    position: relative;
    padding-bottom: 56%;
    height: 0;
  }
  .views-field-field-video-embed iframe {
    position: absolute;
    top: 0;
    width: 98%;
    height: 98%;
  }
  .not-front .views-field-title {
    margin-left: 0;
  }
  .view-conversations td.views-field-field-linked-image {
    width: 110px;
  }
  .view-contribution-authors {
    margin: 0 auto;
    width: 590px;
    position: relative;
  }
  .view-contribution-authors .views-field-picture {
    position: absolute;
    left: -60px;
  }
}

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

	.views-field-field-video-embed {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		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;
		font-size: 14px;
	}
	#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:14px;
	}

	.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;
	}

	/*
	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 */
		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-service-links,
	.front .views-field-type-1,
	#date-stamp {
		display:none;
	}

	/* 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;
	}
  .sidebar-second #main-content {
    padding-left: 15px;
    padding-right: 15px;
  }

	#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;
	}

  .views-field-body .field-content .mobile-hidden,
  .views-field-body .field-content div .mobile-hidden * {
    display: none !important
  }

	/* CONTENT */
	.front .views-field-title {
		padding-top:20px;
	}

	.sidebar {
		min-width:100%;
		width:100%;
		overflow:hidden;
		float:left;
		border:0px solid blue;
	}

	#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%;
	}
  /*#block-block-8 {
    width: 320px;
  }*/
  #header .region.region-header { float: none }
  .region-inner { padding: 15px; }
  .region-header .region-inner {
    padding: 0;
  }

  .view-conversations td.views-field.views-field-field-linked-image {
    display: none;
  }
}