/*
 * 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) {} */
/* Gutters are not currently overridden in theme settings, but may be in theme CSS */
/* smalltouch_landscape one_col_stack */
/* tablet_portrait one_col_stack */
/* tablet_landscape two_sidebars_left_stack */
.sidebar-toggle {
  display: none; }

@media only screen and (max-width: 959px) {
  body {
    padding-top: 0; }

  #page.container {
    margin-top: 0;
    margin-left: 40px; }

  .container {
    width: 100%; }

  div#content-column {
    min-height: 100vh; }

  #content-column, .content-column, .region-sidebar-first {
    float: left;
    clear: none; }

  .two-sidebars .content-inner {
    margin-left: 15%;
    margin-right: 0; }

  .sidebar-first .content-inner {
    margin-left: 0;
    margin-right: 0; }

  .sidebar-second .content-inner {
    margin-right: 0;
    margin-left: 0; }

  .region-sidebar-first {
    width: 280px;
    max-width: 40px;
    margin-left: -100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -moz-transition: max-width 0.2s;
    -o-transition: max-width 0.2s;
    -webkit-transition: max-width 0.2s;
    transition: max-width 0.2s; }

  .region.region-sidebar-first.sidebar {
    position: fixed;
    margin-left: 0; }

  .region-sidebar-second {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    clear: both;
    overflow: hidden; }

  .region-sidebar-second .block {
    float: left;
    clear: none; }

  .at-panel .region {
    display: inline;
    float: left; }

  .two-brick > .panel-row {
    float: none; }

  .two-brick > .panel-row > .region, .two-50 > .region, .three-50-25-25 > div.region-three-50-25-25-first, .three-25-50-25 > div.region-three-25-50-25-second, .three-25-25-50 > div.region-three-25-25-50-third, .five-5x20 > .row-1 div.region-five-first, .five-5x20 .row-1 div.region-five-second {
    width: 50%; }

  .two-66-33 > .region-two-66-33-first, .two-33-66 > .region-two-33-66-second, .three-inset-right > .inset-wrapper > div.region-three-inset-right-middle, .three-inset-left > .inset-wrapper > div.region-three-inset-left-middle {
    width: 100%; }

  .two-66-33 > .region-two-66-33-second, .two-33-66 > .region-two-33-66-first, .three-inset-right > .inset-wrapper > div.region-three-inset-right-inset, .three-inset-left > .inset-wrapper > div.region-three-inset-left-inset, .three-3x33 > .region, .five-5x20 > .panel-row > .region {
    width: 100%; }

  .three-inset-right > .region-three-inset-right-sidebar, .three-inset-left > .region-three-inset-left-sidebar, .three-50-25-25 > .region, .three-25-50-25 > .region, .three-25-25-50 > .region {
    width: 25%; }

  .three-inset-right > .inset-wrapper {
    width: 75%;
    float: left; }

  .three-inset-right > .inset-wrapper > .region, .three-inset-left > .inset-wrapper > .region {
    width: 100%; }

  .three-inset-left > .region-three-inset-left-sidebar, .three-inset-left > .inset-wrapper, .three-inset-left > .inset-wrapper > .region-three-inset-left-middle {
    float: right; }

  .three-inset-left > .inset-wrapper {
    width: 75%; }

  .six-6x16 > .panel-row {
    width: 33.333333%;
    float: left; }

  .six-6x16 > .panel-row > .region, .five-5x20 > .panel-row {
    float: none;
    display: block;
    width: 100%;
    clear: both; }

  .four-4x25 > .panel-row > .region, .four-4x25 > .panel-row {
    width: 50%;
    float: left; }

  .sidebar-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: none;
    box-shadow: none;
    outline: none;
    border-radius: 0; }

  .sidebar-toggle:before {
    content: '';
    display: block;
    width: 25px;
    height: 12px;
    background: #edf0f4;
    border-color: #514c6d;
    border-style: solid none;
    border-width: 4px 0;
    position: absolute;
    top: 7px;
    left: 6px; }

  .sidebar-toggle:before,
  .sidebar-toggle:after {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }

  .sidebar-toggle:after {
    content: '';
    display: block;
    width: 25px;
    height: 4px;
    background: #514c6d;
    position: absolute;
    top: 15px;
    left: 6px; }

  .region-sidebar-first:not(.active) > *:not(.sidebar-toggle) {
    display: none; }

  .region-sidebar-first.active {
    max-width: 280px;
    overflow-x: hidden;
    overflow-y: auto; }

  .region.region-sidebar-first.sidebar.active {
    box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.2); }

  .region-sidebar-first.active .sidebar-toggle {
    top: 5px; }

  .region-sidebar-first.active .sidebar-toggle:before {
    height: 4px;
    background: #514c6d;
    border-style: none;
    top: 15px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .region-sidebar-first.active .sidebar-toggle:after {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

  .region-sidebar-first.active .footer_wrapper {
    display: none; }

  .region-sidebar-first.active .footer_wrapper + .footer_wrapper {
    display: block;
    position: relative;
    left: auto;
    bottom: auto;
    right: auto; } }
/* bigscreen three_col_grail */
@media only screen and (min-width: 960px) {
  .container {
    width: 100%;
    max-width: 1280px; }

  .two-sidebars .content-inner {
    margin-left: 280px;
    margin-right: 280px; }

  #content-column, .content-column {
    width: auto;
    width: calc(100% - 280px); }

  .sidebar-first .content-inner {
    margin-left: 0;
    margin-right: 0;
    box-shadow: -280px 0 0 0 #edf0f4; }

  .sidebar-second .content-inner {
    margin-right: 0;
    margin-left: 0; }

  .region-sidebar-first {
    width: 280px;
    margin-left: 0; }

  .region-sidebar-second {
    width: 280px;
    margin-left: -20%; }

  .at-panel .region {
    display: inline;
    float: left; }

  .two-brick > .panel-row {
    float: none; }

  .two-brick > .panel-row > .region, .two-50 > .region, .three-50-25-25 > div.region-three-50-25-25-first, .three-25-50-25 > div.region-three-25-50-25-second, .three-25-25-50 > div.region-three-25-25-50-third, .five-5x20 > .row-1 div.region-five-first, .five-5x20 .row-1 div.region-five-second {
    width: 50%; }

  .two-66-33 > .region-two-66-33-first, .two-33-66 > .region-two-33-66-second, .three-inset-right > .inset-wrapper > div.region-three-inset-right-middle, .three-inset-left > .inset-wrapper > div.region-three-inset-left-middle {
    width: 66.666666%; }

  .two-66-33 > .region-two-66-33-second, .two-33-66 > .region-two-33-66-first, .three-inset-right > .inset-wrapper > div.region-three-inset-right-inset, .three-inset-left > .inset-wrapper > div.region-three-inset-left-inset, .three-3x33 > .region, .five-5x20 > .panel-row > .region {
    width: 33.333333%; }

  .three-inset-right > .region-three-inset-right-sidebar, .three-inset-left > .region-three-inset-left-sidebar, .three-50-25-25 > .region, .three-25-50-25 > .region, .three-25-25-50 > .region {
    width: 25%; }

  .three-inset-right > .inset-wrapper {
    width: 75%;
    float: left; }

  .three-inset-right > .inset-wrapper > .region, .three-inset-left > .inset-wrapper > .region {
    width: 100%; }

  .three-inset-left > .region-three-inset-left-sidebar, .three-inset-left > .inset-wrapper, .three-inset-left > .inset-wrapper > .region-three-inset-left-middle {
    float: right; }

  .three-inset-left > .inset-wrapper {
    width: 75%; }

  .six-6x16 > .panel-row {
    width: 33.333333%;
    float: left; }

  .six-6x16 > .panel-row > .region, .five-5x20 > .panel-row {
    float: none;
    display: block;
    width: 100%;
    clear: both; }

  .four-4x25 > .panel-row > .region, .four-4x25 > .panel-row {
    width: 50%;
    float: left; }

  #columns.columns {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row-reverse; } }
@media only screen and (max-width: 700px) {
  .home-search h1 {
    font-size: 30px; } }
@media only screen and (max-width: 600px) {
  .home-search h1 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 auto 15px; }

  .home-search fieldset {
    margin: 2px auto; }

  .home-search {
    height: 160px; }

  .block-main {
    padding: 5px 10px;
    box-sizing: border-box; }

  .select-county h2 {
    display: none; }

  .select-county_toggle {
    margin: 0 auto 20px; }

  #container {
    height: 450px; }

  .block-region-content.first .view-footer {
    column-count: 1; }

  .region-content_body td a {
    font: 400 12px/17px "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif; }

  .select-county_toggle li {
    height: 40px;
    font: 500 15px/40px "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif; }

  #logo-block a {
    display: block;
    padding-left: 13px;
    margin-bottom: -20px; }

  #logo-block img {
    max-height: 120px;
    display: inline-block; } }
@media only screen and (max-width: 450px) {
  #container {
    height: 350px;
    min-width: 255px; } }