/** -----------------------------------------------------------------------------------
    This file will hold styles that are loaded using the same media query as the narrow grid.
    If you are using the default media queries provided by Omega, these styles will also
     *  apply to the normal and widescreen layouts. You may override these styles in the normal
     *  and widescreen CSS files as appropriate.

    NOTE: Giving Forum site administrators, this CSS is overridden by LESS. DO NOT EDIT THIS FILE.
    CSS overrides should be managed in regional-association.css.
    ----------------------------------------------------------------------------------- */
/*  = Front page grid overrides
  ------------------------------------------------------ */
.front #zone-content .region-content {
  width: 320px;
}
.front #zone-content .region-sidebar-first {
  width: 360px;
}
.front #zone-content .region-sidebar-second {
  width: auto !important;
  margin: 0 !important;
  height: auto !important;
}
.front #zone-content .region-sidebar-second .region-inner {
  padding: 20px !important;
}
/*  = Zone Branding
  ------------------------------------------------------ */
.responsive-layout-narrow #zone-branding #region-branding {
  /* User Menu */

}
.responsive-layout-narrow #zone-branding #region-branding #block-system-user-menu {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
}
.responsive-layout-narrow #zone-branding #region-branding #block-system-user-menu ul.menu li {
  float: none;
}
.responsive-layout-narrow #zone-branding #region-branding #block-system-user-menu ul.menu li a {
  border: 0;
  font-size: 18px;
}
.responsive-layout-narrow #zone-branding #region-branding #block-system-user-menu ul.menu li.first a {
  background-position: 0 7px;
}
.responsive-layout-narrow #zone-branding #region-branding #block-search-form {
  float: none;
  clear: both;
  width: 700px;
  padding: 20px 0;
  margin: 5px auto;
}
.responsive-layout-narrow #zone-branding #region-branding #block-search-form form .form-item input[type="text"] {
  width: 700px;
}
/*  = Menu Zone
  ------------------------------------------------------ */
.responsive-layout-narrow #zone-menu-wrapper #zone-menu #region-menu {
  width: 720px;
  /* Menu bar */

}
.responsive-layout-narrow #zone-menu-wrapper #zone-menu #region-menu ul > li.expanded:hover > a {
  box-shadow: none;
}
.responsive-layout-narrow #zone-menu-wrapper #zone-menu #region-menu ul > li > a {
  padding: 20px;
  font-size: 16px;
}
.responsive-layout-narrow #zone-menu-wrapper #zone-menu #region-menu ul > li.expanded > ul > li > a {
  padding: 0 10px;
}
.responsive-layout-narrow #zone-menu-wrapper #zone-menu #region-menu .navigation ul {
  float: right;
}
/*  = Marquee
  ------------------------------------------------------ */
.responsive-layout-narrow {
  /* override marquee pager */

}
.responsive-layout-narrow ul.slides li {
  height: auto !important;
}
.responsive-layout-narrow ul.slides li .slide {
  height: 295px;
  text-align: right;
}
.responsive-layout-narrow ul.slides li .slide .marquee-text {
  width: 200px;
  height: 256px;
  position: absolute;
  z-index: 31;
}
.responsive-layout-narrow ul.slides li .slide .marquee-text h1 {
  font-size: 31px !important;
}
.responsive-layout-narrow ul.slides li .slide .marquee-text h2 {
  font-size: 24px !important;
}
.responsive-layout-narrow ul.slides li .slide .marquee-text p {
  /*display: none;*/
}
.responsive-layout-narrow ul.slides li .slide .marquee-image {
  width: 719px;
  position: relative;
  z-index: 30;
  float: right;
}
.responsive-layout-narrow ul.slides li .slide .marquee-image img {
  margin-left: -220px;
}
.responsive-layout-narrow #zone-header-wrapper #region-header-first .region-inner .flex-outer .flex-container .flexslider .flex-control-nav li p {
  min-height: 80px;
}
/*  = Preface Zone
  ------------------------------------------------------ */
#zone-preface #region-preface-second .block-home-page-about-forum .more-button {
  margin: 20px 0 25px 10px;
  float: left;
}
/*  = Columns Zone / News page only
  ------------------------------------------------------ */
.news.responsive-layout-narrow .zone-columns .region-preface-third h2.block-title {
  width: 100%;
  margin: 0 0 10px 0;
}
.news.responsive-layout-narrow .zone-columns .grid-4 {
  width: 220px;
  margin: 0 10px !important;
}
/*  = Footer Zone
  ------------------------------------------------------ */
.responsive-layout-narrow #region-footer-first .field-name-gf-beans-generic-body {
  width: 100% !important;
  float: right !important;
}
.responsive-layout-narrow #region-footer-first .field-name-field-block-images {
  float: left !important;
  margin-top: 0 !important;
  width: 100% !important;
}
.responsive-layout-narrow #region-footer-first .field-name-field-block-images .field-item {
  float: left !important;
}
.block-bean-contact-information-block {
  float: left;
  padding: 20px;
}
#block-follow-site {
  float: left;
  width: 200px;
  padding: 0 20px 20px 20px;
}
/*
.block-bean-connect-with-us {
  float: left;
  margin: 5px;
  padding: 0 45px 50px 40px;
  background: url('../images/br-foot-vert.png') no-repeat top right;

  h2.block-title { margin-bottom: 10px; }
}
*/
/*
.block-menu-footer-menu {
  float: left;
  margin: 0 25px 25px 35px;
  padding: 5px 25px 20px;
}
*/
/*
.block-views-twitter-block {
  float: left;
  margin: 5px 15px 30px 15px;
  width: 400px;
}
*/