/* smalltouch_portrait one_col_stack */
@media only screen and (max-width:320px) {
.container {width:100%}
div#content-column,div.content-inner,.sidebar-first div.content-inner,.sidebar-second div.content-inner,.two-sidebars div.content-inner,div.sidebar,.sidebar-first div.sidebar,.sidebar-second div.sidebar,.two-sidebars div.sidebar,div.region .block {float:none;clear:both;display:block;width:100%;margin-left:0;margin-right:0}
.at-panel .region,.at-panel .panel-row,.at-panel .panel-row .region,.at-panel .inset-wrapper{float:none;display:block;width:100%}
}
/* smalltouch_landscape one_col_vert */
@media only screen and (min-width:321px) and (max-width:580px) {
.container {width:100%}
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}
.region-sidebar-first {width: 50%}
.region-sidebar-second {width: 50%}
.one-sidebar .sidebar {width: 100%}
.region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
.region-sidebar-first.block,.region-sidebar-second .block {width: 100%}
.at-panel .region {display:inline;float:left}.three-50-25-25 > .region,.three-25-50-25 > .region,.three-3x33 > .region,.three-25-25-50 > .region,.two-66-33 > .region,.two-brick > .panel-row > .region,.two-50 > .region,.two-33-66 > .region,.three-inset-right > .inset-wrapper,.three-inset-right > .inset-wrapper > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region,.three-inset-left > .region-three-inset-left-sidebar,.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row,.five-5x20 > .panel-row > .region,.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region,.six-6x16 > .panel-row  {float:none;display:block;width:100%;clear:both}
}
/* tablet_portrait one_col_vert */
@media only screen and (min-width:581px) and (max-width:768px) {
.container {width:100%}
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}
.region-sidebar-first {width: 50%}
.region-sidebar-second {width: 50%}
.one-sidebar .sidebar {width: 100%}
.region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
.region-sidebar-first.block,.region-sidebar-second .block {width: 100%}
.at-panel .region {display:inline;float:left}.three-50-25-25 > .region-three-50-25-25-second,.three-50-25-25 .region-three-50-25-25-third,.three-3x33 > .region,.two-brick > .panel-row > .region,.two-50 > .region,.four-4x25 > .panel-row > .region,.five-5x20 > .panel-row > div.region {width:50%}.three-50-25-25 > .region-three-50-25-25-first,.three-25-50-25 > .region-three-25-50-25-first,.three-3x33 > div.region-three-33-first,.three-25-25-50 > .region-three-25-25-50-first,.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region,.four-4x25 > .panel-row,.five-5x20 > div.panel-row,.five-5x20 > div.panel-row > div.region-five-fifth,.six-6x16 > .panel-row {float:none;display:block;width:100%;clear:both}.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:75%}.three-25-50-25 > div.region-three-25-50-25-third,.three-25-25-50 > div.region-three-25-25-50-second,.three-inset-right > .region-three-inset-right-sidebar {width:25%}.two-66-33 > .region-two-66-33-first,.two-33-66 > .region-two-33-66-second {width:66.666666%}.two-66-33 > .region-two-66-33-second,.two-33-66 > .region-two-33-66-first {width:33.333333%}.two-brick > .panel-row {float:none}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-left > .region-three-inset-left-sidebar {width:25%;float:right}.three-inset-left > .inset-wrapper {width:75%;float:right}.six-6x16 > .panel-row > .region {width:50%;float:left}
}
/* tablet_landscape three_col_grail */
@media only screen and (min-width:769px) and (max-width:1024px) {
.container {width:100%}
#content-column,.content-column,div.sidebar {float: left; clear: none}
.two-sidebars .content-inner {margin-left: 20%; margin-right: 20%}
.sidebar-first .content-inner {margin-left: 20%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0}
.region-sidebar-first {width: 20%; margin-left: -100%}
.region-sidebar-second {width: 20%; margin-left: -20%}
.at-panel .region {display:inline;float:left}.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar {width:25%}.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,.two-brick > .panel-row > .region,.two-50 > .region,.five-5x20 > .row-1 > .region {width:50%}.three-3x33 > .region,.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,.five-5x20 > .row-2 > .region {width:33.333333%}.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-brick > .panel-row {float:none}.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%}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}.five-5x20 > .row-1 {width:40%}.five-5x20 > .row-2 {width:60%}.five-5x20 > .panel-row {float:left}.six-6x16 > .panel-row {width:33.333333%;float:left}.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}
}
/**//*
 * 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) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /*  #block-superfish-1   {
    width: 80px;
    overflow: hidden;
    background: url(/misc/message-24-ok.png) no-repeat 73px 10px #9e9792;
    padding-right: 38px;
  
  }
  */
  /*
  #superfish-1-select {
    background-color: transparent;
    border: none;
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
  }
  
  #superfish-1-select option {background-color: #9e9792; width: 100%; font-size: 1em;}
  */
  /* 
     * Float Region Blocks - custom media query CSS example:
     * 
     * Float regions blocks is an Extension you can enable in the appearance
     * settings for your theme. This feature allows you to automatically float
     * blocks in regions, you can switch it on and off depending on your
     * requirements. For design purposes you many want to remove the floats for
     * devices where the entire theme is just one column - for example small
     * mobile phones. The following CSS is inside the custom media query:
     *
     *   @media only screen and (max-width: 480px){}
     *
     * This will target devices with a maximum width of 480px - most small phones.
     * In these smaller screen sizes we can remove the float and widths so all
     * blocks stack instead of displaying horizonally. The selector used 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.
     */
  /* line 77, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
@media only screen and (max-width: 640px) {
  /* line 89, ../sass/responsive.custom.scss */
  #menu-bar.nav {
    display: none;
  }

  /* line 90, ../sass/responsive.custom.scss */
  #search-block-form {
    margin: 1px 11% 0px 0px;
  }

  /* line 96, ../sass/responsive.custom.scss */
  .content-container .content-image {
    min-width: 90%;
    float: left;
    /*img {margin-right: 5%;}*/
  }
  /* line 101, ../sass/responsive.custom.scss */
  .content-container .content-text {
    float: both;
    width: 100%;
  }
}
@media only screen and (max-width: 920px) {
  /* line 110, ../sass/responsive.custom.scss */
  .nav li a, .nav ul.menu li a {
    font-size: 90%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 114, ../sass/responsive.custom.scss */
  .nav li a, .nav ul.menu li a {
    font-size: 87%;
  }
}
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

/*# sourceMappingURL=responsive.custom.css.map */


@media only screen and (max-width:320px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the default font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.portrait.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

/*
 *   block beans on front page
 */
/* line 50, ../sass/responsive.smalltouch.portrait.scss */
.block-region-highlighted {
  max-width: 100%;
  width: 100%;
  margin: auto 0;
  clear: both;
  float: none;
}

/*
 *   footer section
 */
/* line 56, ../sass/responsive.smalltouch.portrait.scss */
#footer section.block-region-footer {
  display: inline-block;
  width: 100%;
  text-align: left;
  float: left;
  max-width: 100%;
  color: #fff;
}

/*
 *   home page news
 */
/* line 69, ../sass/responsive.smalltouch.portrait.scss */
#block-views-front-page-news-block .views-row {
  width: 100%;
  margin: 0;
}

/*
 *   media - video page
 */
/* line 76, ../sass/responsive.smalltouch.portrait.scss */
.video-iframe {
  width: 100%;
  text-align: center;
}

/*
 *   contact info page
 */
/* line 83, ../sass/responsive.smalltouch.portrait.scss */
.contact-info {
  float: left;
  width: 100%;
  margin-top: 10px;
}

/*
 * Search field width on search from at top of pages
 */
/* line 91, ../sass/responsive.smalltouch.portrait.scss */
#search-block-form {
  width: 110px;
  padding-right: 10%;
}

/*# sourceMappingURL=responsive.smalltouch.portrait.css.map */

}
@media only screen and (min-width:321px) and (max-width:580px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.landscape.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

/*
 *   block beans on front page
 */
/* line 50, ../sass/responsive.smalltouch.landscape.scss */
.block-region-highlighted {
  max-width: 100%;
  width: 100%;
  margin: auto 0;
  clear: both;
  float: none;
}

/*
 *   footer section
 */
/* line 56, ../sass/responsive.smalltouch.landscape.scss */
#footer section.block-region-footer {
  display: inline-block;
  width: 100%;
  text-align: left;
  float: left;
  max-width: 100%;
  color: #fff;
}

/*
 *   home page news
 */
/* line 69, ../sass/responsive.smalltouch.landscape.scss */
#block-views-front-page-news-block .views-row {
  width: 100%;
  margin: 0;
}

/*
 *   media - video page
 */
/* line 75, ../sass/responsive.smalltouch.landscape.scss */
.video-iframe {
  width: 100%;
  text-align: center;
}

/*
 *   contact info page
 */
/* line 81, ../sass/responsive.smalltouch.landscape.scss */
.contact-info {
  float: left;
  width: 100%;
  margin-top: 10px;
}

/*# sourceMappingURL=responsive.smalltouch.landscape.css.map */

}
@media only screen and (min-width:581px) and (max-width:768px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices */
/* line 16, ../sass/responsive.tablet.portrait.scss */
html {
  font-size: 81.3%;
}

/* line 20, ../sass/responsive.tablet.portrait.scss */
.block-region-highlighted {
  width: 30.5%;
}

/* line 21, ../sass/responsive.tablet.portrait.scss */
.block-region-highlighted h2 {
  font-size: 150%;
}

/* line 22, ../sass/responsive.tablet.portrait.scss */
#block-views-front-page-news-block .views-row {
  width: 45%;
}

/*
 *   media - video page
 */
/* line 28, ../sass/responsive.tablet.portrait.scss */
.video-iframe {
  width: 100%;
  text-align: center;
}

/*
 *   contact info page
 */
/* line 35, ../sass/responsive.tablet.portrait.scss */
.contact-info {
  float: left;
  width: 100%;
  margin-top: 10px;
}

/*# sourceMappingURL=responsive.tablet.portrait.css.map */

}
@media only screen and (min-width:769px) and (max-width:1024px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete 
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/*# sourceMappingURL=responsive.tablet.landscape.css.map */

}
@media only screen and (min-width:1025px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/*# sourceMappingURL=responsive.desktop.css.map */

}/**/