/*
 * 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: 1050px) {
	.view-grant-recipients .views-field-field-program {
		display: none;
	}
}

@media only screen and (max-width: 940px) {
	.view-grant-recipients .views-field-field-neighborhoods {
		display: none;
	}
}

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

/* Homepage */
.flexslider .slide-info,
.view-homepage-slideshow .views-field-field-image,
.front .region-content-aside,
.front #main-content {
	border: none;
	float: none;
	width: auto !important;
}

.front .region-highlighted {
	margin: 0 0 2em;
}

.front .region-content-aside {
	margin: 2em 0 0;
}

.front #main-content h2, .front .region-content-aside h2, .front h2.block-title {
	font-size: 1.325em;
	margin: 10px 0;
}

.flexslider .slide-info {
	padding: 6% 15px;
}

.flexslider h2 {
	font-size: 1.25em;
}

.flexslider .subtitle {
	font-size: .9em;
}

.flexslider .extra {
	font-size: 1em;
}

.thumbs li {
	font-size: .5em;
}

.thumbs li span {
	padding: 10px 0;
}

.thumbs li.flex-active:after {
	border-width: 12px;
	margin-left: -12px;	
}

.thumbs li.flex-active:before {
	border-width: 16px;
	margin-left: -16px;
}

.view-tweets h2 {
	background: url(../images/twitter-bird.png) 0 0 no-repeat;
}

.homepage-instagram h2 {
	background: url(../images/instagram-logo.png) 0 0 no-repeat;	
}

/* News */
#block-views-enews-block,
#block-views-announcements-block, 
#block-views-in-the-news-block {
	float: none;
	width: 100%;
}

/* Global */
#main-content, .region-inner, .pane-inner, .menu-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, .rendered-by-ds .panel-display .region-inner, div.messages {
	margin-left: 18px;
	margin-right: 18px;
}

.donate-button {
	float: left;
	margin: 38px 0 0 20px;
}

.donate-button .block-content a {
	font-size: .8em;
	padding: 10px 12px 10px;
}

#header {
	background: #f3f3f3;
	margin: 0 0 0;
	position: fixed;
	width: 100%;
	z-index: 10;
}

#logo {
	padding: 10px 0 5px;
	width: 55px;
}

#columns {
	clear: both;
	margin: 0;
	padding-top: 8em;
	position: relative;
}

.front #columns {
	margin: 0 !important;
}

#sidr-wrapper-0 {
	float: right;
	margin: -80px 20px 0 0;
	position: relative;
	z-index: 100;
}

h1 {
	font-size: 1.75em;
}

h2 {
	line-height: 120%;
}

h3 {
	font-size: 1em;
	line-height: 140%;
}

.sidebar ul.menu li a {
	width: auto;
}

.footer-copyright {
	border-bottom: 1px solid #ccc;
	padding: 0 0 7em;
}

.region-footer .footer-copyright .block-content ul,
.footer-copyright {
	float: none;
}

.footer-copyright p {
	text-align: left;
}

button, input {
	max-width: 100%;
}
	
.page-search input[type="text"] {
	margin: 0 0 15px !important;
	max-width: 90%;		
	width: auto !important;
}

/* Blog */

.section-blog .view-display-id-page .views-field-field-image {
	max-width: 100%;
}

.view-blog.view-display-id-homepage .attachment .views-field-body,
.view-blog.view-display-id-homepage .attachment .views-field-field-image,
.view-blog.view-display-id-page .attachment .views-field-body,
.view-blog.view-display-id-page .attachment .views-field-field-image {
	float: none;
	width: 100%;
}

.view-blog.view-display-id-homepage .views-row,
.view-blog-search .views-row,
.section-blog section.nodes .node-blog-post,
.section-blog .view-archive .views-row,
.view-blog.view-display-id-page .views-row {
	clear: none;
	float: left;
	max-width: 320px;
	margin: 0;
	width: 100%;
}

.view-blog-search .views-row:nth-of-type(3n+2),
.section-blog section.nodes .node-blog-post:nth-of-type(3n+2),
.section-blog .view-archive .views-row:nth-of-type(3n+2),
.view-blog.view-display-id-page .views-row:nth-of-type(3n+2),
.view-blog.view-display-id-homepage .views-row:nth-of-type(3n+2) {
	margin: 0 0 15px;
}

.region-content-aside #block-views-tweets-block-1, 
.region-content-aside .homepage-instagram {
	float: left;
	margin: 0 0 20px;
	width: 100%;
}

.section-blog .region-secondary-content .block {
	float: none;
	margin: 0 0 4px;
}

.blog-archive .block-inner,
.blog-categories .block-inner,
.blog-search .block-inner,
.blog-subscribe .block-inner,
.blog-twitter .block-inner {
	width: 100%;
}

.section-blog .region-secondary-content .blog-twitter .block-content {
	left: -56%;
	width: 300px;
}

.section-blog .region-secondary-content .block-content {
	left: -37%;
	width: 250px;
}

.node-type-blog-post .region-two-66-33-second {
	margin: 2em 0;
}

.node-type-blog-post .field-name-field-author {
	text-align: center;
}

.node-type-blog-post .field-name-field-author .field-name-field-image {
	margin: 0 0 .5em;
}

.blog-block .field-name-field-position {
	display: none;
}
	
.front .region-content-aside {
	margin: 0;
	padding: 0 0 20px;
}

.front .region-content-aside .region-inner {
	margin: 0 30px;
}


/* Nav */
.sidr {
	font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif;	
}

a#sidr-0-button {
	display: block;
}

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

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

/* Staff */
.page-about-board-staff .views-row {
	width: 45%;
}

.view-staff-team .views-field-field-position,
.page-about-board-staff .views-field-title h3 { 
	font-size: .9em;
}

.page-about-board-staff .view-display-id-page .views-field-field-image {
	max-width: 100%;
}

/* Things to hide */
.region-leaderboard,
.region-header .social,
.logo-tagline p:last-child {
	display: none !important;
}

/* Grants */
.view-grantees .view-filters select, .view-grant-recipients .view-filters select,
.view-grant-recipients th, .view-grant-recipients td {
	font-size: 12px;
}
	
}

@media only screen and (max-width: 540px) {
	.view-grant-recipients th, .view-grant-recipients td {
		font-size: 9px;
	}
}

/*
 * Tablet size adjustments
 */

@media only screen and (min-width: 769px) and (max-width: 990px) {
	.nav li a, .nav ul.menu li a {
		font-size: 95% !important;
		padding: 0 1.125em !important;
	}
	
	.view-homepage-slideshow .views-field-field-image {
		width: 57%;
	}
	
	.flexslider .slide-info {
		padding: 4% 20px !important;
		width: 37%;
	}
	
	.flexslider h2 {
		font-size: 1.825em;
	}
	
	/*.front #main-content {
		width: 53% !important;
	}*/
}
/*
 * Desktops/laptops and up
 */

@media only screen and (min-width: 1025px) {
	.nav li a, .nav ul.menu li a {
		font-size: 115%;
	}
	
	.nav ul.menu li li a {
		font-size: 100%;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1152px) {
	.front .region-content-aside {
		max-width: 40%;
	}
}