/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/*
 * Center the page.
 */
/* line 43, ../../sass/layouts/responsive-sidebars.scss */
#page,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
/* line 57, ../../sass/layouts/responsive-sidebars.scss */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-sidebar-second-top-top,
.region-sidebar-second-top,
#footer {
  padding-left: 0px;
  padding-right: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/*
 * Containers for grid items and flow items.
 */
/* line 51, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:before, #header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
/* line 56, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/*
 * Navigation bar
 */
@media all and (min-width: 480px) {
  /*
   * Use 5 grid columns for larger screens.
   */
  /*
   * The layout when there is only one sidebar, the left one.
   */
  /* line 96, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 8 columns, starting in 5th column from left. */
    float: left;
    width: 68.75%;
    margin-left: 31.25%;
    margin-right: -100%;
  }
  /* line 100, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 5 columns, starting in 1st column from left. */
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: -31.25%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  /* line 110, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 68.75%;
    margin-left: 0%;
    margin-right: -68.75%;
  }
  /* line 114, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second-similar-entries,
  .sidebar-second .region-sidebar-second-top-top,
  .sidebar-second .region-sidebar-second-top,
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 31.25%;
    margin-left: 68.75%;
    margin-right: -100%;
    margin-right: 0;
  }

  /*
   * The layout when there are two sidebars.
   */
  /* line 127, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 37.5%;
    margin-left: 31.25%;
    margin-right: -68.75%;
  }
  /* line 131, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: -31.25%;
  }
  /* line 135, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 31.25%;
    margin-left: 68.75%;
    margin-right: -100%;
  }

  /* line 140, ../../sass/layouts/responsive-sidebars.scss */
  #main {
    padding-top: 55px;
    /* Move all the children of #main down to make room. */
    position: relative;
  }

  /* line 144, ../../sass/layouts/responsive-sidebars.scss */
  #navigation {
    position: absolute;
    top: 0;
    /* Move the navbar up inside #main's padding. */
    height: 52px;
    width: 100%;
  }

  /* line 151, ../../sass/layouts/responsive-sidebars.scss */
  .not-front #main {
    padding-bottom: 15px;
  }
}
@media all and (max-width: 320px) {
  /* line 160, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #footer .inner #copyright {
    position: relative;
    top: -10px;
  }
}
@media all and (max-width: 481px) {
  /* line 169, ../../sass/layouts/responsive-sidebars.scss */
  #page,
  .region-bottom {
    /* For screen sizes larger than 1200px, prevent excessively long lines of text
       by setting a max-width. */
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 480px;
  }

  /* line 186, ../../sass/layouts/responsive-sidebars.scss */
  .page-views .view.view-display-id-page_1 .view-content .views-row .views-field-field-images,
  .page-views .view.view-display-id-page_1 .view-content .views-row .views-field-field-image,
  .page-views .view.view-display-id-page .view-content .views-row .views-field-field-images,
  .page-views .view.view-display-id-page .view-content .views-row .views-field-field-image,
  .page-views .view.view-display-id-page_search .view-content .views-row .views-field-field-images,
  .page-views .view.view-display-id-page_search .view-content .views-row .views-field-field-image {
    float: none !important;
  }
  /* line 190, ../../sass/layouts/responsive-sidebars.scss */
  .page-views .view.view-display-id-page_1 .view-content .views-row .views-field-view-node,
  .page-views .view.view-display-id-page_1 .view-content .views-row .views-field-body,
  .page-views .view.view-display-id-page .view-content .views-row .views-field-view-node,
  .page-views .view.view-display-id-page .view-content .views-row .views-field-body,
  .page-views .view.view-display-id-page_search .view-content .views-row .views-field-view-node,
  .page-views .view.view-display-id-page_search .view-content .views-row .views-field-body {
    margin-left: 0px !important;
  }

  /* line 199, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer {
    background: url('data:png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC2BAMAAADq9Pp3AAAAA3NCSVQICAjb4U/gAAAAFVBMVEX////////5/P/4+vf1+PLl782QsnAyIzI3AAAAB3RSTlMA////////pX+m+wAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxMC8yLzEy8jQBBQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAaSURBVBiVY0hgGJnQgEGAwYEhgE5QAWibAgCD/T+Rl4y41gAAAABJRU5ErkJggg==') repeat-x left top;
  }
  /* line 201, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page {
    padding: 0px;
  }
  /* line 203, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #main {
    padding-top: 55px;
    position: relative;
  }
  /* line 207, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-menu-block-2 {
    right: 0px;
  }
  /* line 213, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-boxes-perc-report-landing-links .boxes-box-content ul li:first-child {
    margin-right: 0;
  }
  /* line 219, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-views-exp-search-page-search {
    top: 90px;
    left: 0;
    width: 90%;
  }
  /* line 223, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-views-exp-search-page-search #edit-search-api-views-fulltext-wrapper {
    width: 70%;
    margin: 0 0 0 5px;
    float: left;
    height: 26px;
  }
  /* line 228, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-views-exp-search-page-search #edit-search-api-views-fulltext-wrapper input {
    width: 100%;
    height: 24px;
  }
  /* line 233, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-views-exp-search-page-search .views-submit-button {
    float: right;
    margin: 0 10px 0 0;
    height: 30px;
    width: 54px;
  }
  /* line 238, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #block-views-exp-search-page-search .views-submit-button input {
    height: 30px;
  }
  /* line 243, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #navigation {
    position: absolute;
    top: 0;
    height: 52px;
    width: 100%;
  }
  /* line 248, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #navigation .menu-block-wrapper {
    display: none;
  }
  /* line 251, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #navigation #header-menu {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    -webkit-appearance: none;
    border: 1px solid #555;
    padding: 0.5em;
    font-size: 14px;
    line-height: 1.2em;
    width: 150px;
    background: #90B270;
    color: #e7f1d0;
    -webkit-appearance: none;
    -webkit-box-shadow: 1px 1px 1px white;
    -webkit-border-radius: 0.5em;
  }
  /* line 270, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-perc-report.view-display-id-block_2 .jcarousel-skin-default {
    width: 100%;
  }
  /* line 272, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-perc-report.view-display-id-block_2 .jcarousel-skin-default .jcarousel-container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 276, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-perc-report.view-display-id-block_2 .jcarousel-skin-default .jcarousel-container .jcarousel-clip {
    width: 100%;
  }
  /* line 279, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-perc-report.view-display-id-block_2 .jcarousel-skin-default .jcarousel-container .jcarousel-prev,
  #page-outermost #page-outer #page .view-perc-report.view-display-id-block_2 .jcarousel-skin-default .jcarousel-container .jcarousel-next {
    display: none;
  }
  /* line 288, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-staff.view-display-id-page .view-content .views-row {
    float: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 293, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-staff.view-display-id-page .view-content .views-row .views-field {
    padding: 0 15px;
  }
  /* line 297, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-staff.view-display-id-page .view-content .views-row-odd {
    margin-right: 0px;
  }
  /* line 302, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-front-page-slideshow {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEUgXD8/X0RfAAAAAXRSTlPlkIbOkQAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(32, 92, 63, 0.9);
  }
  /* line 304, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-front-page-slideshow .views-field {
    padding: 0 15px;
  }
  /* line 307, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-front-page-slideshow .views-field-field-slideshow-image {
    margin-right: 0;
    float: none;
    padding: 0;
  }
  /* line 312, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-front-page-slideshow .views-field-title {
    padding: 10px 0 5px;
  }
  /* line 315, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .view-front-page-slideshow .views-slideshow-controls-bottom {
    display: none;
  }
  /* line 319, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page #content,
  #page-outermost #page-outer #page .region-sidebar-second,
  #page-outermost #page-outer #page .region-sidebar-second-top-top,
  #page-outermost #page-outer #page .region-sidebar-second-top,
  #page-outermost #page-outer #page .region-sidebar-first {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    float: none;
  }
  /* line 330, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .region-sidebar-second-top-top .inner,
  #page-outermost #page-outer #page .region-sidebar-second .inner,
  #page-outermost #page-outer #page .region-sidebar-first .inner {
    padding: 0;
  }
  /* line 334, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .region-sidebar-second-top {
    width: 100%;
  }
  /* line 336, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .region-sidebar-second-top .inner {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 341, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .region-sidebar-second-top .inner .block {
    padding-left: 28px;
    padding-right: 18px;
  }
  /* line 344, ../../sass/layouts/responsive-sidebars.scss */
  #page-outermost #page-outer #page .region-sidebar-second-top .inner .block ul.facetapi-facetapi-checkbox-links,
  #page-outermost #page-outer #page .region-sidebar-second-top .inner .block ul.facetapi-facetapi-checkbox-links li {
    width: 85%;
  }

  /* line 354, ../../sass/layouts/responsive-sidebars.scss */
  .front .region-highlighted {
    min-height: 318px;
    margin-bottom: 15px;
  }

  /* line 359, ../../sass/layouts/responsive-sidebars.scss */
  #sthoverbuttons {
    display: none;
  }
}
