/*
 * 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%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

.subUserMenu {
  background: gray;
}
.subUserMenu ul li{
  line-height: 30px;
  border-bottom: 1px solid #696868;
}

#carousel-three-slides {
  /*background: #dbdbdb;*/
  height: auto;
  margin: 0 auto;
  /*max-width: 695px;*/
  max-width: 100%;
  text-align: center;
  position: relative;
}
#home-panel #carousel-three-slides {
  text-align: left; /* make pager appear inside first image */
  text-align: right;
}

#carousel-three-slides .rslides li {
  list-style-type: none;
}
#carousel-three-slides .rslides li .wrap-image-basic-page img {
  margin-left: 5px;
  margin-right: 0;
}
.front #carousel-three-slides .rslides li .wrap-image-basic-page:first-child img {
  margin-left: 0;
}
ul, ol, .block-content ul, .block-content ol {
  /*padding: 0 0 5px 0;*/
}

.wrap-image-basic-page {
  float: left;
}

#subMenu {
 display: block !important;
}

#subMenu ul {
  background:#fff;
}
#subMenu ul li {
  border-bottom:1px solid #808080 !important;
  display:table-row;
  height:auto;
  line-height:normal !important;
  min-height:25px;
}
#subMenu ul li a {
  color:#1d6a9a !important;
  padding:5% 0;
  padding-left:0 !important;
  width:235px;
}
#subMenu ul li a span {
  color:#1d6a9a !important;
  float:right !important;
  margin:0 !important;
  padding:0 !important;
}
.submenu_end {
  border-bottom:0 !important;
}
#subMenu ul li a.active-trail,
#subMenu ul li a.trail {
  color: #777 !important;
}


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

.rslides1 {
  width: 100%;
  /*border:1px solid red;*/
}

.rslides1 li {
  width: 100%;
}

.rslides1 li div {
  display: inline-block;
  float: none;
}

.region-body-top .block-inner ul.three-cols li {
  width: 100%;
}
.region-body-top .block-inner li {
  float: none;
}
.region-body-header .block-inner small {
  float: left;
}

.field-item.even > p{
  width: 100% !important;
}

.pane-bean-graduate-commons-twitter p iframe{
  min-width: 100% !important;
}

.page-node-93 .pane-announcements-view .pane-title.block-title, .pane-bean-about-leasing-living-huh .pane-title.block-title, .pane-bean-about-property-managment-living .pane-title.block-title, .page-node-90 .pane-announcements-view .pane-title.block-title, .pane-bean-sustainability-rss-feed .pane-title.block-title, .page-node-110 .pane-announcements-view .pane-title.block-title, .title-without-background .pane-title.block-title {
  width: 97% !important;
}

}

/* *** table our properties *** */

@media only screen and (min-width: 321px) and (max-width: 400px) {

}

@media only screen and (min-width: 481px) and (max-width: 650px) {
#our-properties-listing .property-right-content {
  float: left;
}  
}  

@media only screen and (min-width: 663px) and (max-width: 896px) {
#our-properties-listing .tab-links{
  font-size: 12px;
}

}

@media only screen and (min-width: 651px) and (max-width: 920px) {
  
#our-properties-listing .property-right-content {
  float: left;
  left: 10px;
}
}

@media only screen and (min-width: 935px) and (max-width: 1010px) {
#our-properties-listing .property-right-content {
  float: left;
  left: 10px;
}  
}  

/* *** *** */



@media only screen and (min-width: 321px) and (max-width: 1024px) {
#btn_filter_smartphone {
  background:#1d6a9a;
  border:1px solid;
  border-radius:4px;
  color:#FFFFFF;
  float:left;
  /*font-size: .9em;*/
  font-size: 11px;
  margin-left: 10px;
  padding: 4px 14px;
  display: block !important
}

}

@media only screen and (max-width: 1024px) {
.view-pricing-floor-plans-collection-view .views-table.cols-5{
  width: 100%;
}

}

@media only screen and (max-width: 768px) {
.our-properties-image-wrapp {
  display: none;
}

.right-top .block-content, .region-three-inset-right-middle .block-content {
  padding: 10px 17px 0 17px;
}

}

@media only screen and (min-width: 321px) and (max-width: 768px) {

#preview {
  width:310px;
}
#our-properties .inset-wrapper {
  position:inherit;
  width:320px;
}
.show_btn_filter {
  left: 247px;
  position: absolute !important;
  top: -6px;
}

#our-properties div.region-three-inset-right-sidebar div.region-inner.clearfix {
  width: 232px;
}
#our-properties div.region-three-inset-right-sidebar .region-inner {
  display:none;
  position:relative;
  width:232px !important;
}

#our-properties div.inset-wrapper {
  width:320px;
}
.landing-img-wrapp {
  max-width:310px;
}
.page-node-110 .region-three-inset-right-middle {
  width:100% !important;
}
#block-bean-footer-huh {
  width:320px;
}
.field-item.menu {
  display:none;
}

.webform-client-form textarea, #edit-submitted-how-can-we-help {
  width: 100% !important;
}

.bpage-body div {
  margin-bottom: 10px !important;
  margin-left: 5px !important;
  padding: 10px !important;
}

}

@media only screen and (min-width: 321px) and (max-width: 480px) {

.region-body-top .block-inner ul.three-cols li {
  float: inherit !important;
}

.region-body-footer {
 display: block !important;
}

#block-block-7, #block-block-8 {
    display: none;
}

/* LIVING-HUH */

@media only screen and (min-width: 321px) and (max-width: 768px) {

#node-92 .node-content .overview-container .over-image ~ .over-body {
    float: none;
    width: 100%;
}
}

.region-three-inset-right-middle, .region-three-inset-right-inset {
  width: 100% !important;
}

.region.region-three-inset-right-middle {
    width: 99% !important;
}

.page-node-91 .region-three-inset-right-inset, .page-node-93 .region-three-inset-right-inset, .page-node-90 .region-three-inset-right-inset {
    margin-left: 7px;
    margin-right: 2px;
    width: 99% !important;
}

.region-three-inset-right-sidebar .region-inner {
  width: 99% !important;
}

.three-inset-right > .inset-wrapper {
  width: 100% !important;
}

.landing-img-wrapp img {
  /*width: 100% !important; 
  height: auto !important;*/
}

.page-node-110 .region-three-inset-right-inset {
  width: 100% !important;
}



}


@media only screen and (max-width: 340px) {
.view-pricing-floor-plans-collection-view th, .view-pricing-floor-plans-collection-view td {
  font-size: 11px;
}

}

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

.view-footer div {
  /*display: none;*/
  content: '&nbsp';
}


}


/* *** apply *** */
.button-huh {
  margin-bottom: 12px;
}

/* *** home - main gallery *** */

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

.wrap-image-basic-page {
  float: left !important;
  /*width: 33.3333%;*/
  width: 32.2%;
  margin-right:.7%;
}

.wrap-image-basic-page:last-child {
  margin-left:0;
}

.views-slideshow-cycle-main-frame img {
  width: 100% !important;
  margin: 0 !important;
}

#carousel-three-slides {
  max-width: 100% !important;
}

#carousel-three-slides .rslides li .wrap-image-basic-page img {
  margin-left: 0;
  margin-right: 0;
}

#carousel-three-slides .rslides li .wrap-image-basic-page:first-child img {
  margin-left: 0;
}

}

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

.wrap-image-basic-page {
  float: left !important;
  width: 100%;
}
.views-slideshow-cycle-main-frame img {
  width: 310px;
}

}

/* *** hide main menu *** */
#menu-bar {
  width: 99%;
}

@media only screen and (max-width: 768px) {
  #menu-bar {
    display: none;
  }
}

/* tablet_portrait one_col_stack */
@media only screen and (min-width:481px) and (max-width:768px) {
  .three-25-50-25 > .region,.three-25-25-50 > .region,.three-50-25-25 > .region { width: 25%; }
  .two-brick > .panel-row > .region,.two-50 > .region,.four-4x25 > .panel-row > .region,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third,.three-50-25-25 > div.region-three-50-25-25-first,.five-5x20 > .panel-row > div.region{
    width: 50%;}
  }

  .views-slideshow-cycle-main-frame .field-type-text .field-items, #home-panel .img-slide-caption {
    bottom: 8%;
  }
}

@media only screen and (min-width:481px) and (max-width:768px) {
.front-title-bean-block .title {
  font-size: .7em;
}

}