/*******************************************************************************
 * hero.layout.scss
 *
 * Styles for the Hero layout.
 ******************************************************************************/
.l-constrained, .l-region--footer {
  width: 95%;
  margin: 0 auto;
  *zoom: 1; }
  .l-constrained:after, .l-region--footer:after {
    content: "";
    display: table;
    clear: both; }

/* Header */
.l-region--header {
  padding: 20px 0; }
  .l-region--header .block {
    float: right; }

.l-header {
  *zoom: 1; }
  .l-header:after {
    content: "";
    display: table;
    clear: both; }

/* Content Area */
.l-region--help {
  margin-bottom: 20px; }

.l-main {
  margin-top: 40px;
  margin-bottom: 6px; }
  .l-main.l-constrained, .l-main.l-region--footer {
    max-width: 980px; }
  .l-main .l-content .l-region--content .node--full {
    margin-bottom: 100px; }

.front .l-main.l-constrained, .front .l-main.l-region--footer {
  max-width: 1200px; }

/* Sidebars */
.l-region--sidebar-first,
.l-region--sidebar-second {
  padding: 20px 1em; }

/* Content */
.l-region--content {
  margin-bottom: 45px; }

/* Footer */
.l-region--footer {
  max-width: 500px; }
  @media (min-width: 1224px) {
    .l-region--footer {
      max-width: none; } }

@media (min-width: 768px) {
  .l-constrained, .l-region--footer {
    width: 90%; }
  /* Header */
  .l-branding {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }
  .l-region--navigation {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }
  .l-header-right {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }
  /* Sidebars */
  .has-two-sidebars .l-content,
  .has-one-sidebar .l-content {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; }
  .has-two-sidebars .l-region--sidebar-first,
  .has-two-sidebars .l-region--sidebar-second,
  .has-one-sidebar .l-region--sidebar-first,
  .has-one-sidebar .l-region--sidebar-second {
    width: 32.20339%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: right; } }

@media (min-width: 980px) {
  /* Header */
  .l-branding {
    width: 15.25424%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; }
  .l-region--navigation {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }
  .l-header-right {
    width: 15.25424%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; } }

@media (min-width: 1224px) {
  .l-constrained, .l-region--footer {
    width: 80%;
    max-width: 1280px; }
  /* Sidebars */
  .has-one-sidebar .l-content {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; }
  .has-one-sidebar .l-region--sidebar-first {
    width: 32.20339%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: none; }
  .has-two-sidebars .l-content {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; }
  .has-two-sidebars .l-region--sidebar-first,
  .has-two-sidebars .l-region--sidebar-second {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 50.84746%;
    clear: none;
    clear: none; }
  .has-two-sidebars .l-region--sidebar-second {
    width: 23.72881%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; } }

/*# sourceMappingURL=nareit.layout.css.map */