/*
 * 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) {} */
/*
 * 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.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .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) {} */

/* SIDR */
#sidr-wrapper-0 {
	display: block;
    position: absolute;
    right: 20px;
    top: 80px;
}

a#sidr-0-button {
	background: url("/sites/all/themes/vn/images/hamburger.png") no-repeat;
	display: block;
	height: 40px;
	text-indent: -9999px;
	width: 40px;
}

.sidr-class-form-item-search-block-form label,
.sidr li ul,
.sidr h2 {
	display: none;
}

.sidr li.sidr-class-active-trail ul {
	display: block;
}

.sidr ul li ul li:hover,
.sidr ul li ul li {
	line-height: 130%;
	padding: 0;
}

.sidr ul li ul li a,
.sidr ul li ul li a:hover {
	padding: 8px 15px 8px 30px;
}

.sidr {
	background: #007681;
	box-shadow: none;
}

.sidr ul li {
	border-top: 1px solid #007681;
	border-bottom: 1px solid #015c65;
	font-family: Museo500;
}

.sidr ul {
	border-top: none;
	border-bottom: none;
}

.sidr ul {
	border-top: 1px solid #015c65;	
}

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span, .sidr ul li ul li a:hover, .sidr ul li ul li:hover span {
	background: #00454b;
	box-shadow: none;
}

.sidr input[type=button], .sidr input[type=submit] {
	background: #00454b;
	border: none;
	color: #fff;
	font-family: Museo500;
	font-size: 14px;
	padding: 5px 15px;
	-webkit-appearance: none;	
}

@media only screen and (max-width: 979px) {
	.flexslider .slides > li {
		width: 93% !important;
	}
	
	.front .field-name-facebook-feed, 
	.front .field-name-contact-us, 
	.front .field-name-newsletter-signup {
		float: none;
		margin: 0 auto 20px;
		width: auto;
	}
	
	.field-name-field-quote p {
		margin: 0 0 15px;
	}
}

@media only screen and (max-width: 880px) {
	#block-search-form {
		display: none;
	}
	
	#block-menu-menu-footer-menu {
		float: left;
	}
	
	#logo {
		width: 40%;
	}
}

@media only screen and (max-width: 768px) and (min-width: 581px) {
	
	.region-sidebar-first.block, .region-sidebar-second .block {
		margin: 0 0 15px;
		max-width: 95%;
	}
	
	.one-sidebar .sidebar .region-inner {
		margin: 0 20px;
	}
	
}

@media only screen and (max-width: 640px) {
	.front .center-wrapper {
		margin: 0 10px;
	}
	
	.panel-3col-33-stacked .panel-col-first, 
	.panel-3col-33-stacked .panel-col, 
	.panel-3col-33-stacked .panel-col-last {
		float: none;
		margin: 0 auto 20px;
		width: 80%;
	}
	
	.panel-3col-33-stacked .panel-col-first .inside, 
	.panel-3col-33-stacked .panel-col .inside, 
	.panel-3col-33-stacked .panel-col-last .inside {
		margin: 0;
	}
	
	.view-from-the-blog .views-field-field-image, 
	#block-block-1 img {
		display: table;
		float: none;
		margin: 0 auto;
	}
	
	.resizable-textarea .grippie {
		display: none;
	}
	
	input,
	textarea,
	select {
		max-width: 65vw !important;
	}
	
	#block-menu-menu-footer-menu {
		clear: left;
	}
	
}


@media only screen and (max-width: 580px) {
	h1#page-title {
		font-size: 20px;
		line-height: 120%;
	}
	
	.one-sidebar .sidebar {
		float: none;
		margin: 0 auto;
		max-width: 90%;
	}

	.view-from-the-blog .views-field-field-image,
	img.img-right {
		display: block;
		float: none;
		height: auto !important;
		margin: 0 auto 20px;
		max-width: 90%;
		text-align: center;
	}

	.rtecenter img, img.img-center {
		margin: 10px auto;
		max-width: 90%;
	}
	
	.view-from-the-blog .views-field-field-image {
		margin: 0 auto;
		text-align: center;
	}	
	
	.view-from-the-blog .view-content {
		max-width: 93%;
	}
	
	.flexslider .slides > li {
		width: 90% !important;
	}
	
	#main-content .view-placements .views-row {
		float: none;
		margin: 0 auto 15px;
		height: auto;
	}
	
	#block-menu-menu-footer-menu li {
		margin: 0 0 15px;
    	width: 90%;
	}
	
	#block-block-4 p {
		margin: 0;
	}
	
	#block-block-3 {
		margin: 0;
		position: absolute;
		right: 0;
		top: 6px;
		width: auto;
	}
	
	#block-block-3 li a {
		border-radius: 0;
		font-family: Museo700;
		font-size: 14px;
		-webkit-border-radius: 0;
		padding: 10px;
	}
	
	.front .field-name-field-quote {
		padding: 30px 5% 0;
	}
}

@media only screen and (max-width: 500px) {
	#sidr-wrapper-0 {
		top: 60px;
	}
	
	.front .field-name-facebook-feed {
		display: none;
	}
	
	.front .field-name-contact-us, 
	.front .field-name-newsletter-signup {
		max-width: 95%;
	}
	
	.flexslider .slides > li {
		width: 87% !important;
	}
	
	.mobile-hide {
		display: none;
	}
}

@media only screen and (max-width: 375px) {
	#sidr-wrapper-0 {
		top: 54px;
	}
	
	.panel-3col-33-stacked .panel-col-first, .panel-3col-33-stacked .panel-col, .panel-3col-33-stacked .panel-col-last {
		width: 95%;
	}
	
	.node-type-article .field-name-field-image img {
		max-width: 90%;
	}
	
	.region-sidebar-first.block, 
	.region-sidebar-second .block {
		width: 93%;
	}
}
	
@media only screen and (max-width: 320px) {
	
	#columns {
		max-width: 320px;
	}
	
	#main-content {
		margin: 15px;
	}
	
	#sidr-wrapper-0 {
		top: 38px;
	}
	
	header[role="banner"] {
		padding: 20px 16px 10px 18px;
	}
	
	.front .panel-col-bottom .inside,
	.front .center-wrapper,
	.flexslider .slides > li {
		max-width: 280px;
	} 
	
	.panel-3col-33-stacked .panel-col-first, 
	.panel-3col-33-stacked .panel-col, 
	.panel-3col-33-stacked .panel-col-last {
		width: auto;
	}
	
	.front .field-name-field-quote {
		float: none;
		margin: 20px 5% 0;
		padding: 0;
	}
	
	#block-block-3 {
		top: 0;
	}
	
	#block-block-3 li a {
		font-size: 12px;
		padding: 7px 10px;
	}
	
	.front .field-name-field-quote p {
		font-size: 14px;
		line-height: 130%;
	}
}