@charset "UTF-8";
/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
Contains positioning information ONLY for broad containers on a page layout—the header, content, sidebars, and footer. There should not be any styles, fonts, colors, padding, margin, or content formatting here. That stuff all goes in regions.css.

Also, in this stylesheet (unlike most others), media queries come first with selectors inside them, since we're defining overall layouts at various sizes.
===========================================================================*/
/* This is for all the screen sizes HIGHER than these points.
   Using mixin respond-to(breakpoint, up) */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-bol-webfont.eot");
  src: url("../fonts/lato/lato-bol-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-bol-webfont.woff2") format("woff2"), url("../fonts/lato/lato-bol-webfont.woff") format("woff"), url("../fonts/lato/lato-bol-webfont.ttf") format("truetype"), url("../fonts/lato/lato-bol-webfont.svg#latobold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-bolita-webfont.eot");
  src: url("../fonts/lato/lato-bolita-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-bolita-webfont.woff2") format("woff2"), url("../fonts/lato/lato-bolita-webfont.woff") format("woff"), url("../fonts/lato/lato-bolita-webfont.ttf") format("truetype"), url("../fonts/lato/lato-bolita-webfont.svg#latobold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-reg-webfont.eot");
  src: url("../fonts/lato/lato-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-reg-webfont.woff2") format("woff2"), url("../fonts/lato/lato-reg-webfont.woff") format("woff"), url("../fonts/lato/lato-reg-webfont.ttf") format("truetype"), url("../fonts/lato/lato-reg-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-regita-webfont.eot");
  src: url("../fonts/lato/lato-regita-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-regita-webfont.woff2") format("woff2"), url("../fonts/lato/lato-regita-webfont.woff") format("woff"), url("../fonts/lato/lato-regita-webfont.ttf") format("truetype"), url("../fonts/lato/lato-regita-webfont.svg#latoitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-bla-webfont.eot");
  src: url("../fonts/lato/lato-bla-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-bla-webfont.woff2") format("woff2"), url("../fonts/lato/lato-bla-webfont.woff") format("woff"), url("../fonts/lato/lato-bla-webfont.ttf") format("truetype"), url("../fonts/lato/lato-bla-webfont.svg#latoblack") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-blaita-webfont.eot");
  src: url("../fonts/lato/lato-blaita-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-blaita-webfont.woff2") format("woff2"), url("../fonts/lato/lato-blaita-webfont.woff") format("woff"), url("../fonts/lato/lato-blaita-webfont.ttf") format("truetype"), url("../fonts/lato/lato-blaita-webfont.svg#latoblack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/regular/Roboto-Regular.eot");
  src: url("../fonts/Roboto/regular/Roboto-Regular.eot?iefix") format("eot"), url("../fonts/Roboto/regular/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/regular/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/regular/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto/regular/Roboto-Regular.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/bold/Roboto-Bold.eot");
  src: url("../fonts/Roboto/bold/Roboto-Bold.eot?iefix") format("eot"), url("../fonts/Roboto/bold/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto/bold/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/bold/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto/bold/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/italic/Roboto-Italic.eot");
  src: url("../fonts/Roboto/italic/Roboto-Italic.eot?iefix") format("eot"), url("../fonts/Roboto/italic/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto/italic/Roboto-Italic.woff") format("woff"), url("../fonts/Roboto/italic/Roboto-Italic.ttf") format("truetype"), url("../fonts/Roboto/italic/Roboto-Italic.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/bolditalic/Roboto-BoldItalic.eot");
  src: url("../fonts/Roboto/bolditalic/Roboto-BoldItalic.eot?iefix") format("eot"), url("../fonts/Roboto/bolditalic/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto/bolditalic/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto/bolditalic/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto/bolditalic/Roboto-BoldItalic.svg#Roboto") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'dlfont';
  src: url("../fonts/dlfont/dlfont.eot");
  src: url("../fonts/dlfont/dlfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dlfont/dlfont.woff") format("woff"), url("../fonts/dlfont/dlfont.ttf") format("truetype"), url("../fonts/dlfont/dlfont.svg?#dlfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'dlfont';
    src: url("../fonts/dlfont/dlfont.svg?#dlfont") format("svg");
  }
}
@font-face {
  font-family: 'Tekscan Icon';
  src: url("../fonts/tekscan/tekscan.eot");
  src: url("../fonts/tekscan/tekscan.eot?#iefix") format("embedded-opentype"), url("../fonts/tekscan/tekscan.woff") format("woff"), url("../fonts/tekscan/tekscan.ttf") format("truetype"), url("../fonts/tekscan/tekscan.svg#tekscan") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Custom Sass Mixins */
/* ==================================================================
   RESPONSIVE GUTTER
   $type argument can be either "padding", "margin"
   $topValue, $rightValue, $bottomValue, $leftValue can be "0", "1" for the default gutter
   or any value that is going to mutiply the default value
===================================================================== */
/* ==================================================================
  RESPONSIVE FONT-SIZE AND LINE HEIGHT
===================================================================== */
/* ==================================================================
  RESPOND TO
  Use the breakpoint names defined in base.scss
  The $direction argument can be either "up", "down" or a second breakpoint 
  (higher or lower than the first).
===================================================================== */
/* ==================================================================
   DIGTIAL LOOM'S CLEAR FIX
   This clearfix is better than both Drupal and Compass's clearfix
   http://css-tricks.com/snippets/css/clear-fix/
===================================================================== */
/* ==================================================================
  LIST STYLE
===================================================================== */
/* ==================================================================
   HIDING CONTENT
   Use this inplace of display: none when you want the content accessible to screen readers
   http://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/
===================================================================== */
/* ==================================================================
   TRANSFORM
===================================================================== */
/* generic transform */
/* rotate */
/* ==================================================================
   TRANSPARENCY
===================================================================== */
/* ==================================================================
   FONT ICON
===================================================================== */
/* ==========================================================================
   LINK STYLES
   These should only be applied directly to anchor tags
========================================================================== */
/* ------- Button -------------------------- */
/* Used by link buttons, form buttons, search button, and view/edit buttons */
/* -------
Border on Over
if $disable = 1
-------------------------- */
/* ------- Arrow -------------------------- */
/* ==================================================================
   RESPONSIVE DISPLAY SUITE GROUPS
   One or no column style for Display Suite or View
   $float value can be left/right/none
===================================================================== */
/* ==================================================================
   RESPONSIVE DISPLAY SUITE GROUPS
   2 columns style for Display Suite
   $image-container value can be left or right
===================================================================== */
/* ==================================================================
   RESPONSIVE DISPLAY SUITE GROUPS
   $image-container value can be left, middle or right
   if group-middle contains the image the gutter will be applied on the left and on the right
===================================================================== */
/* ==========================================================================
TYPOGRAPHY STYLES TO EXTEND THROUGHOUT THE THEME
Table of Contents
  %heading1
  %heading2
  %heading3
  %heading4
  %block-header
  %intro
  %list-item
  %quote
  %related-link
  %caption
========================================================================== */
/* --- Headings --- */
/* --- BLOCK HEADER --- */
/* --- Utilities --- */
/* --- Custom styles --- */
/* --- Buttons --- */
/* --- Lists --- */
/* --- Accordion --- */
/* --- Tables --- */
/* --- Menus/Navigation --- */
/* --- Forms --- */
/* --- Tekscan Custom --- */
/* ==========================================================================
   SMALL (a 1-column layout)
   Note: We're not using a media query here, in accordance with "mobile first".
   In other words, the phone layout should be the default.
========================================================================== */
/* line 17, ../../sass/2-layout.scss */
#page {
  width: 100%;
}

/* line 20, ../../sass/2-layout.scss */
#main,
header,
.region-navigation,
.breadcrumb,
.region-highlighted,
.region-tabs-area {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
  /* Prevent excessively long lines of text by setting a max-width. */
}

/* line 31, ../../sass/2-layout.scss */
footer {
  position: relative;
}
/* line 33, ../../sass/2-layout.scss */
footer .wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
}

/* line 41, ../../sass/2-layout.scss */
#content {
  width: 100%;
  max-width: 1500px;
}

/* line 46, ../../sass/2-layout.scss */
.region-sidebar-first,
.region-sidebar-second {
  width: 100%;
}

/* ==========================================================================
   MEDIUM (a 2-column layout)
========================================================================== */
@media (min-width: 800px) {
  /* line 57, ../../sass/2-layout.scss */
  #main,
  header,
  .region-navigation,
  .breadcrumb,
  .region-highlighted,
  .region-tabs-area {
    width: 100%;
  }

  /* line 67, ../../sass/2-layout.scss */
  footer .wrapper {
    width: 100%;
  }

  /* line 72, ../../sass/2-layout.scss */
  #content {
    width: 65%;
    float: left;
  }

  /* line 77, ../../sass/2-layout.scss */
  .region-sidebar-first {
    width: 35%;
    float: right;
  }

  /* line 81, ../../sass/2-layout.scss */
  .region-sidebar-second {
    width: 35%;
    float: right;
  }

  /* Set back to full page width when there are no sidebars */
  /* line 87, ../../sass/2-layout.scss */
  .no-sidebars #content {
    width: 100%;
  }
}
/* ==========================================================================
   LARGE (a 3-column layout)
========================================================================== */
@media (min-width: 1250px) {
  /* line 99, ../../sass/2-layout.scss */
  #content {
    width: 45%;
    margin-left: 25%;
    float: left;
  }

  /* line 105, ../../sass/2-layout.scss */
  .region-sidebar-first {
    width: 25%;
    margin-left: -70%;
    float: left;
  }

  /* line 111, ../../sass/2-layout.scss */
  .region-sidebar-second {
    width: 30%;
    float: right;
  }

  /* Left sidebar only */
  /* line 119, ../../sass/2-layout.scss */
  .sidebar-first #content {
    width: 75%;
    margin-left: 25%;
  }
  /* line 124, ../../sass/2-layout.scss */
  .sidebar-first .region-sidebar-first {
    width: 25%;
    margin-left: -100%;
  }

  /* Right sidebar only */
  /* line 133, ../../sass/2-layout.scss */
  .sidebar-second #content {
    width: 70%;
    margin-left: 0;
  }
  /* line 138, ../../sass/2-layout.scss */
  .sidebar-second .region-sidebar-second {
    width: 30%;
  }

  /* Set back to 100% when there are no sidebars */
  /* line 144, ../../sass/2-layout.scss */
  .no-sidebars #content {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1500px) {
  /* line 151, ../../sass/2-layout.scss */
  #main,
  header,
  .region-navigation,
  .breadcrumb,
  .region-highlighted,
  .region-tabs-area {
    width: 100%;
  }

  /* line 159, ../../sass/2-layout.scss */
  body.node-type-group .region-highlighted {
    width: 100%;
    max-width: 100%;
  }

  /* line 164, ../../sass/2-layout.scss */
  footer .wrapper {
    width: 100%;
  }
}
/*---- Generic classes for things that should be arranged in columns.---*/
/* line 172, ../../sass/2-layout.scss */
div.cols > * {
  float: left;
}

/* line 175, ../../sass/2-layout.scss */
div.cols-2 > * {
  width: 50%;
}

/* line 178, ../../sass/2-layout.scss */
div.cols-3 > * {
  width: 33%;
}

/* line 181, ../../sass/2-layout.scss */
div.cols-4 > * {
  width: 25%;
}

/* line 184, ../../sass/2-layout.scss */
div.cols-5 > * {
  width: 20%;
}

/*# sourceMappingURL=2-layout.css.map */