/*
 * 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
 */
@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%;
  }
}

@media only screen and (max-width: 920px) {
.container {
	width:auto;
}

.home-block, .home-block:hover {
  width:94.5%;
  min-height:200px;
  margin-bottom:10px;
}

.region-header {
	width:100%;
	position:relative;
	margin:20px;
	right:0;
	top:0;
	height:auto;
}

#block-thresholdnav-hello {
	margin:10px 0;
	text-align:left;
	width:100%
}
#block-search-form {
	width:100%;
	margin:10px 0;
	position:relative;
}

#edit-search-block-form--2 {
	width:30%;
}

#search-block-form input[type="submit"] {
  width:30px;	
}

#main-content-header {
	padding: 0 20px;
}

#content {
	padding: 20px;
	width: 100% !important;
}

.homepage-wrapper {
	padding:0;
}

.homepage-wrapper .homepage-section-left {
	width: auto;
	padding: 0;
	float: none;
}

.homepage-wrapper .homepage-section-right {
	width: auto;
	padding: 0;
	float: none;
}

.footer-inner {
	width: auto;
	margin: 20px;
	padding-left: 0;
}

.footer-right-content {
	position: relative;
	text-align: center;
	padding-bottom:20px;
}

.footer-login .item-list {
	margin:0;
}

#footer {
	/*position: relative !important;*/
}

/*homepage guest*/

.homepage.section0 {
	margin-top:20px;
}

.homepage.section0 .contentWrap {
	max-width:500px;
	width:auto;
	padding:0 40px;
}

.homepage.section1 {
	padding:20px 20px 80px;
	width: auto;
}

.homepage.section1 .contentWrap {
	padding:20px;
	width:auto;
}

.homepage.section2 {
	padding:20px 20px 40px;
}

.homepage.section2 .contentWrap {
	padding:20px;
	width:auto;
	margin:0;
}

.homepage.section3 {
	padding:20px 20px 40px;
}

.homepage.section3 .contentWrap {
	padding:20px;
	width:auto;
	margin:0;
}

/*new nav*/

#header {
	left:auto;
	width:auto;
	margin:0;
}

ul.mobile-menu-block-holder {
	display:none;
}

#main-content-header {
	padding: 0;
}

#branding {
	margin: 0;
	width: auto;
}

.region-header {
	margin:0;
}

#block-views-59715addad730ad68a5c5d106d96041c {
	position: absolute;
	right: 0;
	top: 62px;
	margin: 0;
	width: 100%;
	height:auto;
	max-width:460px;
	padding:0;
	background:#000;
}

#block-views-59715addad730ad68a5c5d106d96041c .block-inner {
	padding:40px 40px 120px;
}

#block-views-59715addad730ad68a5c5d106d96041c .views-exposed-form .views-exposed-widget {
	float:none;
}

#edit-search-api-multi-fulltext {
	width:auto;
	margin:20px 0 15px;
}

#block-user-login {
	position:absolute;
	right:0;
	top:0;
	width: 100%;
	max-width:460px;
	height:auto;
	margin: 0;
	padding:0;
	background:#000;
}

#block-user-login .block-inner {
	padding:40px 40px 120px;
}

.footer-login .login-title, 
.footer-login .edit-submit, 
.footer-login .form-item-name, 
.footer-login .form-item-pass {
	display:block;
	top:0;
	margin:15px 0;
}

div.footer-login div.login-title {
	display:block;
	margin-bottom:30px;
}

.footer-login .form-item-name input[type="text"],
.footer-login .form-item-pass input[type="password"] {
	width: 218px;
	padding: 12px 10px;
	background: rgba(255,255,255,1);
}

.footer-login .form-item-name label[for="edit-name"], 
.footer-login .form-item-pass label[for="edit-pass"] {
	top:10px;
}

div.form-item.form-type-checkbox.form-item-remember-me {
	display:block;
	margin-bottom:20px
}

.footer-login .form-submit {
	font-size:16px;
}

.footer-login .item-list {
	margin:20px 0 0;
}

.footer-login .item-list ul {
	margin:0;
	padding:0;
}

.footer-login .item-list ul li {
	margin:0;
}

.footer-login .item-list a {
	text-decoration:underline;
}

.footer-login .form-type-checkbox {
	margin:0;
}

#menu-toggle {
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 1000;
	font-size: 40px;
	cursor: pointer;
}

.logged-in #block-thresholdnav-hello {
	float: none;
	text-align: left;
	margin: 0;
	top:56px;
	left:45px;
}

#logo {
	margin:0;
}

#menu-bar {
	top:0;
	width:90%;
	max-width:460px;
	height:100%;
	background:rgba(0,0,0,1);
	font-size:20px;
	font-weight:300;
	/*workaround for bug in webkit browsers*/
	transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.logged-in #menu-bar {
	top:0;
}

#block-system-main-menu ul li {
	float:none;
	padding-bottom:0;
}

#block-system-main-menu ul li a,
#block-system-main-menu ul li span {
	padding:20px 30px;
	color:#fff;
	border-bottom:1px solid #d7d7d7;
	margin:0;
}

#block-system-main-menu ul li span:hover,
#block-system-main-menu ul li a:hover {
	text-decoration:none;
}

#block-system-main-menu ul li.menu-depth-1 > span:hover, 
#block-system-main-menu ul li.menu-depth-1 > a:hover {
	text-decoration:none;
	border-bottom:1px solid #d7d7d7;
}

#block-system-main-menu ul li.menu-depth-1.first > a,
#block-system-main-menu ul li.menu-depth-1.first > span {
	padding-left:30px;
}

#block-system-main-menu ul li.menu-depth-1.last > a,
#block-system-main-menu ul li.menu-depth-1.last > span {
	padding-right:30px;
}

#block-system-main-menu ul ul {
	display: list-item;
	position: relative; 
	top: 0;
	left:0;
	margin-left:0;
}

.logged-in #block-system-main-menu ul ul {
	top:0;
}

#block-system-main-menu ul ul li {
	width:auto;
}

#block-system-main-menu ul ul li a {
	font-size:16px;
	color:#fff;
	background:#000;
	padding:20px 30px 20px 50px;
	border-bottom:1px solid #d7d7d7;
	text-align:left;
}

#block-system-main-menu ul ul ul li {
	position: relative;
	top:0; 
	left:0;
}

#block-system-main-menu ul ul ul li a {
	padding:20px 30px 20px 70px;
}

#block-system-main-menu #close-menu span {
	display:block;
	height:40px;
	background:url(../images/X---Mobile.png) 22px 10px no-repeat;
	text-indent:-9999px;
	padding:10px 30px;
}

#block-system-main-menu #search-toggle span {
	width:100%;
	height:60px;
	background:url(../images/Search-Btn---Mobile.png) 22px 5px no-repeat;
	text-indent:-9999px;
	padding:0 30px;
	margin:0;
}

#block-system-main-menu .expanded {
	background:url(../images/Nav-Arrow-Up---Mobile.png) 90% 20px no-repeat;
}

#block-system-main-menu .expanded.open {
	background-image:url(../images/Nav-Arrow-Down---Mobile.png);
}

#footer {
	width:auto;
	left:0;
	margin-left:0;
}

#footer .footer-inner, 
#footer .footer-tag-line {
	width:auto;
	margin:0 50px;
	padding-left:0 !important;
	text-align:left;
}

.logged-in #footer .menu li.menu-depth-1,
#footer .menu li.menu-depth-1 {
	width:auto;
	float:none;
	padding:0;
	margin-bottom:50px;
}

.logged-in #footer .menu li.menu-depth-1.last,
#footer .menu li.menu-depth-1.last {
	margin-bottom:0;
}

#footer .footer-login .form-item-name input[type="text"], 
#footer .footer-login .form-item-pass input[type="password"] {
	padding:6px 10px;
	width:90%;
}

#footer .footer-login .item-list {
	margin:0;
}

#cboxLoadedContent #block-donate-links-list-donate-links {width:auto;}

/*end homepage working*/

/*committee page */
.page-node-600 .field-name-group-group {
	position: static;
    margin-bottom: 20px;
}

.page-node-600.node-type-committee #content {
	margin-left:0;
}

.page-node-600.node-type-committee .field-name-body {
	float:none;
	width:auto;
}

.page-node-600.node-type-committee #contentextra-block-views-og-to-civicrm-block {
	margin-left:0;
}

/*end committee page */

/*member profile page*/

.page-memberprofile.page-memberprofile-1384 #content {
	margin-left:0;
}

.page-memberprofile.page-memberprofile-1384 .view-member-directory-2.view-display-id-page_1 .views-field.views-field-image-URL {
	float:none;
	margin:0;
}

.page-memberprofile.page-memberprofile-1384 .view-member-directory-2.view-display-id-page_1 div.views-field {
	margin:0;
}

.page-memberprofile.page-memberprofile-1384 .user-own-profile-sidebar .views-field-bio-2 {
	float:none;
	width:auto;
}

.page-memberprofile.page-memberprofile-1384 .user-own-profile-sidebar table.current-cycle-payments,
.page-memberprofile.page-memberprofile-1384 .view-og-user-groups {
	width:100%;
}

/*end member profile page*/

} 
@media only screen and (min-width: 601px) and (max-width:920px) {
.home-block, .home-block:hover {
  width: 28.5%;
}


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