/* Responsive
--------------*/

@media (min-width:481px) and (max-width:800px) {

div#menu {
  width:30%;
  margin:0 0 0 2.5%;
}

div#content {
  width:62.5%;
  margin:0 2.5%;
}
div.menu div#content,
div.aside div#content,
div.menu-split div#content,
div.menu-triple div#content,
div.aside-split div#content,
div.aside-triple div#content,
div.full div#content,
div.full-split div#content,
div.full-triple div#content {
  width:95%;
}

body.front div#block-views-signposts-block_1 div.views-row a {
  min-height:0;
  width:213px;
  height:213px;
}
body.front div.view-signposts div.views-row a span.image {
  padding-bottom:0;
}
body.front div.view-signposts div.views-row a span.title {
  font-size:35px;
}
div.view-signposts div.views-row a span.body {
  padding:5% 10%;
}

div#aside {
  width:95%;
  margin:2.5% 2.5% 0 2.5%;
}
div#aside div.block {
  clear:left;
}
div#aside div.view-signposts {
  width:auto;
  margin-left:0;
}
div#aside div.view-signposts div.views-row {
  float:left;
  width:31.5790%;
  margin-right:2.6316%;
}
div#aside div.view-signposts div.views-row-3,
div#aside div.view-signposts div.views-row-6,
div#aside div.view-signposts div.views-row-9,
div#aside div.view-signposts div.views-row-12 {
  margin-right:0;
}
div#aside div#block-views-links-block h2 span {
  padding:0.6667% 1.6667%;
}

div.field-type-google-map-field {
  width:100%;	
}

div#block-block-4,
div#block-menu-menu-footer-menu,
div#block-block-5 {
  margin-left:2.5%;
  margin-right:2.5%;
}

}

@media (max-width:800px) {

#sliding-popup {
  text-align:left;
}
#sliding-popup .popup-content #popup-text,
#sliding-popup .popup-content #popup-buttons {
  width:auto;	
  float:none;
  margin:1% 3%;
}

}

@media (max-width:715px) {
  body.front div#block-views-signposts-block_1 div.views-row,
  div#aside div.view-signposts div.views-row {
    width:215px;
	float:none;
	display:inline-block;
  }
  
  div#views_slideshow_cycle_main_homepage_slideshow-block span.content {
    font-size:20px;
    line-height:24px;
  }
  div#views_slideshow_cycle_main_homepage_slideshow-block span.content span.introduction,
  div#views_slideshow_cycle_main_homepage_slideshow-block span.content span.button a {
    width:50%;
  }
}

@media (max-width:600px) {
body.front div#block-system-main,
div#block-block-7 {
  float:none;
  width:auto;
  margin:0;
  padding:0 0 5% 0;
}
	
}

@media (max-width:480px) {

h1 {
  font-size:44px;
  line-height:48px;
}
body.front h2 {
  font-size:38px;
  line-height:42px;
}

div#menu {
  float:none;
  width:90%;
  margin:0 5% 5% 5%;
}

div#content,
div.menu div#content,
div.aside div#content,
div.menu-split div#content,
div.menu-triple div#content,
div.aside-split div#content,
div.aside-triple div#content,
div.full div#content,
div.full-split div#content,
div.full-triple div#content {
  width:90%;
  margin:0 5%;
}

a#logo {
  float:none;
  display:block;
  margin:3% auto;
  width:40%;
  text-align:center;
}
a#logo img {
  float:none;
  width:auto;
}

form#search-block-form {
  padding:0 5% 0 5px;
}

ul#social {
  float:left;
  padding:4px 5px 0 5%;
}

nav#navbar {
  clear:both;
  float:none;
  padding:3.0303% 0;
}
nav#navbar span.texture {
  display:none;	
}
nav#navbar ul {
  padding:0;
}
nav#navbar ul li {
  width:50%;
  margin:0;
}
nav#navbar ul li a {
  float:none;
  display:block;
  padding-left:50px;
  background-position:10px center!important;
}

div#banner {	
 padding: 0 5%;
}

div#banner ul.menu {
 clear: both;
 float: none;	
}

div#views_slideshow_cycle_main_homepage_slideshow-block div.views-field-field-image {
  float:none;
  width:auto;
  margin:0 1% 5% 1%;
}
div#views_slideshow_cycle_main_homepage_slideshow-block div.views-field-field-introduction {
  float:none;
  width:auto;
  margin:0 0 3% 0;
}
div#views_slideshow_cycle_main_homepage_slideshow-block div.views-field-field-button-link {
  float:none;
  width:auto;
  margin:0;
}

/* Home */

body.front div#block-system-main,
div#block-block-7 {
  float:none;
  width:auto;
  margin:0;
  padding:0 0 5% 0;
}

div#views_slideshow_cycle_main_homepage_slideshow-block span.content {
  position:relative;
  width:94%;
  margin:0;
  line-height:22px;
  font-size:18px;
  background:#dea49b;
}
div#views_slideshow_cycle_main_homepage_slideshow-block span.content span.introduction,
div#views_slideshow_cycle_main_homepage_slideshow-block span.content span.button a {
  width:auto;
}

body.front div#block-views-signposts-block_1 {
  padding:5% 0 0 0;
  background-image:none!important;
}
body.front div#block-views-signposts-block_1 div.views-row {
  float:none;
  width:auto;
  margin:0 0 5% 0;
}
div#block-views-news-homepage,
div#block-views-civi_events-block_1 {
  float:none;
  width:auto;
  margin:0 5%;
  padding:5% 0 0 0;
}
body.front div#block-views-signposts-block_1 {
  background:none;
}
	
div#aside {
  width:90%;
  margin:5% 5% 0 5%;
}
div#aside div.block {
  clear:left;
}
div#aside div.view-signposts {
  width:auto;
  margin-left:0;
}
body.front div#block-views-signposts-block_1 div.views-row,
div#aside div.view-signposts div.views-row {
  float:none;
  width:auto;
  display:block;
}
body.front div#block-views-signposts-block_1 div.views-row a,
div.view-signposts div.views-row a {
  width:230px;
  height:230px;
  min-height:230px;
  margin:0 auto;
}
div#aside div.view-signposts div.views-row-last {
  margin-bottom:20px;
}
div#aside div#block-views-links-block h2 span {
  padding:1.3333% 3.3333%;
}
body.front div.view-signposts div.views-row a span.title {
  font-size:40px;
}

div#block-views-news-main div.views-row div.views-field-field-image, 
div#block-views-civi_events-block div.views-row div.views-field-image-139 {
  float:none;
  width:auto;
  margin:0;
}
div#block-views-news-main div.views-row div.views-field-field-image img {
  float:none;
}
div#block-views-news-main div.views-row div.views-field-title, 
div#block-views-civi_events-block div.views-row div.views-field-title,
div#block-views-news-main div.views-row div.views-field-created, 
div#block-views-civi_events-block div.views-row div.views-field-start-date, 
body.node-type-news-item div#block-views-news-date div.views-field-created,
div#block-views-news-main div.views-row div.views-field-body, 
div#block-views-civi_events-block div.views-row div.views-field-summary {
  margin-left:0;
}


body.node-type-webform div.field-name-body,
body.node-type-webform form.webform-client-form {
  float:none;
  width:auto;
}

div.field-type-google-map-field {
  float: none;
  width: auto;
}

div#block-block-4,
div#block-menu-menu-footer-menu,
div#block-block-5 {
  margin-left:2.5%;
  margin-right:2.5%;
}


}

/* Hi-res backgrounds */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
	  
form#search-block-form input[type="submit"] {
  background-image:url('../images/icon-search-x2.png');
  background-size:30px 20px;
}
ul#social li a span.facebook {
  background-image:url('../images/icon-social-facebook-x2.png');
  background-size:30px 30px;
}
ul#social li a span.twitter {
  background-image:url('../images/icon-social-twitter-x2.png');
  background-size:30px 30px;
}

nav#navbar ul li.menu-240 a {
  background-image:url('../images/icon-nav-home-x2.png');
  background-size:33px 32px;
}
nav#navbar ul li.menu-442 a {
  background-image:url('../images/icon-nav-about-x2.png');
  background-size:33px 32px;
}
nav#navbar ul li.menu-498 a {
  background-image:url('../images/icon-nav-info-x2.png');
  background-size:33px 32px;
}
nav#navbar ul li.menu-499 a {
  background-image:url('../images/icon-nav-get-support-x2.png');
  background-size:33px 32px;
}
nav#navbar ul li.menu-500 a {
  background-image:url('../images/icon-nav-get-involved-x2.png');
  background-size:33px 32px;
}
nav#navbar ul li.menu-445 a {
  background-image:url('../images/icon-nav-events-x2.png');
  background-size:33px 32px;
}
nav#navbar ul li.menu-443 a {
  background-image:url('../images/icon-nav-news-x2.png');
  background-size:33px 32px;
}

div#views_slideshow_cycle_main_homepage_slideshow-block span.content span.button a {
  background-image:url('../images/back-slideshow-content-rule-x2.png');
  background-size:248px 8px;
}

div#block-block-7 ul li,
div#aside div.item-list ul li {
  background-image:url('../images/back-list-style-support-links-x2.png');
  background-size:9px 9px;
}

body.front div#block-views-signposts-block_1 {
  background-image:url('../images/back-grey-divider-x2.png');
  background-size:980px 9px;	
}

div#block-menu-menu-footer-menu ul li {
  background-image:url('../images/icon-footer-bullet-x1.png');
  background-size:4px 6px;	
}

}