/* Layout rules */
/* =============================================================================
   BREAKPOINT
================================================================================ */
@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.woff") format("woff"), url("../fonts/roboto/regular/Roboto-Regular.ttf") format("truetype"), url("../fonts/roboto/regular/Roboto-Regular.svg#Roboto") format("svg");
  font-weight: 400;
  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.woff") format("woff"), url("../fonts/roboto/italic/Roboto-Italic.ttf") format("truetype"), url("../fonts/roboto/italic/Roboto-Italic.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: italic; }

@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.woff") format("woff"), url("../fonts/roboto/bold/Roboto-Bold.ttf") format("truetype"), url("../fonts/roboto/bold/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: normal; }

@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.woff") format("woff"), url("../fonts/roboto/bolditalic/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/roboto/bolditalic/Roboto-BoldItalic.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/medium/Roboto-Medium.eot");
  src: url("../fonts/roboto/medium/Roboto-Medium.eot?iefix") format("eot"), url("../fonts/roboto/medium/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/medium/Roboto-Medium.ttf") format("truetype"), url("../fonts/roboto/medium/Roboto-Medium.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/mediumitalic/Roboto-MediumItalic.eot");
  src: url("../fonts/roboto/mediumitalic/Roboto-MediumItalic.eot?iefix") format("eot"), url("../fonts/roboto/mediumitalic/Roboto-MediumItalic.woff") format("woff"), url("../fonts/roboto/mediumitalic/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/roboto/mediumitalic/Roboto-MediumItalic.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/roboto/condensedregular/Roboto-Condensed-Regular.eot");
  src: url("../fonts/roboto/condensedregular/Roboto-Condensed-Regular.eot?iefix") format("eot"), url("../fonts/roboto/condensedregular/Roboto-Condensed-Regular.woff") format("woff"), url("../fonts/roboto/condensedregular/Roboto-Condensed-Regular.ttf") format("truetype"), url("../fonts/roboto/condensedregular/Roboto-Condensed-Regular.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/roboto/condenseditalic/Roboto-Condensed-Italic.eot");
  src: url("../fonts/roboto/condenseditalic/Roboto-Condensed-Italic.eot?iefix") format("eot"), url("../fonts/roboto/condenseditalic/Roboto-Condensed-Italic.woff") format("woff"), url("../fonts/roboto/condenseditalic/Roboto-Condensed-Italic.ttf") format("truetype"), url("../fonts/roboto/condenseditalic/Roboto-Condensed-Italic.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/roboto/condensedbold/Roboto-Condensed-Bold.eot");
  src: url("../fonts/roboto/condensedbold/Roboto-Condensed-Bold.eot?iefix") format("eot"), url("../fonts/roboto/condensedbold/Roboto-Condensed-Bold.woff") format("woff"), url("../fonts/roboto/condensedbold/Roboto-Condensed-Bold.ttf") format("truetype"), url("../fonts/roboto/condensedbold/Roboto-Condensed-Bold.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/roboto/condensedbolditalic/Roboto-Condensed-BoldItalic.eot");
  src: url("../fonts/roboto/condensedbolditalic/Roboto-Condensed-BoldItalic.eot?iefix") format("eot"), url("../fonts/roboto/condensedbolditalic/Roboto-Condensed-BoldItalic.woff") format("woff"), url("../fonts/roboto/condensedbolditalic/Roboto-Condensed-BoldItalic.ttf") format("truetype"), url("../fonts/roboto/condensedbolditalic/Roboto-Condensed-BoldItalic.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Dloom Font";
  src: url("../fonts/dlfont/dlfont.eot");
  src: url("../fonts/dlfont/dlfont.eot?iefix") format("eot"), url("../fonts/dlfont/dlfont.woff") format("woff"), url("../fonts/dlfont/dlfont.ttf") format("truetype"), url("../fonts/dlfont/dlfont.svg#dloomfont") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Ico Moon";
  src: url("../fonts/icomoon/icomoon.eot");
  src: url("../fonts/icomoon/icomoon.eot?iefix") format("eot"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.svg#icomoon") 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 */
/* ------- 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
  Includes font-family, font size using set-font();
 ========================================================================== */
#name-and-slogan #site-name {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  /* Uncomment to hide the site name */
  font-size: 2.53333em;
  line-height: 1.05263em; }
  @media (min-width: 600px) {
    #name-and-slogan #site-name {
      font-size: 2.53333em;
      line-height: 1.05263em; } }
  @media (min-width: 1070px) {
    #name-and-slogan #site-name {
      font-size: 2.66667em;
      line-height: 1em; } }
  #name-and-slogan #site-name a:after,
  #name-and-slogan #site-name a:before {
    display: none; }

#name-and-slogan #site-slogan {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  /* Uncomment to hide the site slogan */
  font-size: 1.06667em;
  line-height: 1.25em; }
  @media (min-width: 600px) {
    #name-and-slogan #site-slogan {
      font-size: 1.33333em;
      line-height: 1.2em; } }
  @media (min-width: 1070px) {
    #name-and-slogan #site-slogan {
      font-size: 1.6em;
      line-height: 1.16667em; } }
  #name-and-slogan #site-slogan a:after,
  #name-and-slogan #site-slogan a:before {
    display: none; }

.page-node-2022 .view-mode-full .field-name-body {
  color: #494949;
  font-family: "Roboto", "Ariel", sans-serif;
  font-weight: 400; }
  @media (min-width: 0px) and (max-width: 374px) {
    .page-node-2022 .view-mode-full .field-name-body {
      font-size: 16px;
      line-height: 22px; } }
  @media (min-width: 375px) and (max-width: 1069px) {
    .page-node-2022 .view-mode-full .field-name-body {
      font-size: 18px;
      line-height: 26px; } }
  @media (min-width: 1070px) {
    .page-node-2022 .view-mode-full .field-name-body {
      font-size: 20px;
      line-height: 28px; } }
  .page-node-2022 .view-mode-full .field-name-body a {
    color: #3488ca;
    font-weight: bold; }

/* --- Misc --- */
/* --- Utilities --- */
/* --- ICON FILES --- */
body {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto; }

/* Region Page Top */
#page-top .wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1550px; }
  #page-top .wrapper .region-top {
    float: right; }
    @media (min-width: 750px) {
      #page-top .wrapper .region-top {
        margin: 50px 20px 0 0; } }
    @media (min-width: 1070px) {
      #page-top .wrapper .region-top {
        margin: 0 20px 0 32px; } }
    @media (min-width: 1600px) {
      #page-top .wrapper .region-top {
        margin: 0; } }

#header .wrapper {
  margin: 0 auto;
  max-width: 1550px; }

#navigation .wrapper {
  margin: 0 auto;
  max-width: 1550px; }

#main,
#pre-content .wrapper, #content-bottom {
  margin: 0 auto;
  width: 100%;
  max-width: 1400px; }

#footer .wrapper {
  margin: 0 auto; }

.region,
.wrapper {
  box-sizing: border-box; }

/* ==========================================================================
  RESPONSIVE LAYOUT
// Layout Responsive Configuration// 3 sections (SMALL, MEDIUM, LARGE) that contains positioning information ONLY for broad containers on a page layout
  There should not be any styles, fonts, colors, padding, margin, or content formatting here.
===========================================================================*/
/* ==========================================================================
   SMALL LAYOUT (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.
========================================================================== */
#page {
  margin: 0 auto;
  width: 100%; }

footer {
  margin: 0 auto;
  width: 100%; }

#content {
  width: 100%; }

.region-sidebar-first,
.region-sidebar-second {
  width: 100%; }

.region {
  position: relative; }

/* ==========================================================================
   MEDIUM LAYOUT (2-column layout)
========================================================================== */
@media (min-width: 1070px) {
  #page {
    width: 100%; }
  footer {
    width: 100%; }
  #content {
    float: left;
    width: 65%; }
  .region-sidebar-first {
    float: right;
    width: 35%; }
  .region-sidebar-second {
    float: right;
    width: 35%; }
  .no-sidebars:not(.section-people.page-taxonomy-term) #content {
    max-width: 900px;
    width: 100%; }
  .no-sidebars.section-people.page-taxonomy-term #content {
    width: 100%; }
  .one-sidebar #content {
    max-width: 900px; } }

/* =============================================================================
   HEADER  (Logo, slogan, site name etc.)
   ========================================================================== */
.wrapped {
  position: relative; }

#header {
  background: #FFFFFF;
  color: #494949;
  text-rendering: optimizeSpeed;
  z-index: 2;
  /* Header Link Default */ }
  #header > .wrapper {
    padding: 0; }
    @media (min-width: 1070px) {
      #header > .wrapper {
        margin: 15px 20px 15px 32px; } }
    @media (min-width: 1600px) {
      #header > .wrapper {
        margin-left: auto;
        margin-right: auto; } }
  #header .content a,
  #header .content a:visited {
    color: #3649ac;
    text-decoration: none; }
  #header .content a:hover,
  #header .content a:focus {
    color: #3488ca;
    background: none; }
  #header .content a:active {
    color: #3488ca;
    background: none; }

/* Region Header */
#header-content {
  position: relative; }

.region-header {
  text-rendering: optimizeLegibility; }

/* Logo */
#logo-wrapper {
  display: inline-block;
  margin: 0; }
  @media (min-width: 0px) and (max-width: 449px) {
    #logo-wrapper {
      margin: 15px 20px 15px 10px;
      width: 100%; } }
  @media (min-width: 450px) and (max-width: 1069px) {
    #logo-wrapper {
      margin: 30px 20px 10px 40px; } }
  @media (min-width: 1070px) {
    #logo-wrapper {
      margin: 15px 10px 10px; } }

#logo {
  /* Wrapping link for logo */
  border: none;
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
  top: 0;
  width: 62%;
  z-index: 3; }
  @media (min-width: 450px) and (max-width: 599px) {
    #logo {
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1069px) {
    #logo {
      width: 400px;
      max-width: 400px; } }
  @media (min-width: 1070px) {
    #logo {
      width: 425px;
      max-width: 425px; } }
  @media (min-width: 1070px) {
    #logo {
      float: left;
      position: relative; } }
  #logo img {
    vertical-align: bottom;
    width: 100%;
    max-width: 100%; }

/* Name & Slogan */
#name-and-slogan {
  /* Wrapper for website name and slogan */
  display: none;
  padding: 0; }
  @media (min-width: 1230px) {
    #name-and-slogan {
      display: inline-block;
      margin-left: 40px; } }
  #name-and-slogan #site-slogan {
    /* The slogan (or tagline) of a website */
    margin-top: 10px;
    padding-top: 10px;
    color: #494949;
    font-size: 20px;
    line-height: 24px;
    font-family: "Roboto", "Ariel", sans-serif;
    font-weight: 600;
    text-transform: capitalize; }

html.svg #logo img {
  width: 100%; }

html.svg #bitmap-logo {
  display: none; }

html.no-svg #svg-logo,
html.lt-ie9 #svg-logo {
  display: none; }

/* =============================================================================
   NAVIGATION
================================================================================ */
#navigation {
  display: none;
  z-index: 3;
  box-sizing: border-box;
  width: 100%;
  color: #3649ac;
  line-height: 1;
  /* Region Navigation */ }
  @media (min-width: 750px) {
    #navigation {
      display: block; } }
  @media (min-width: 750px) {
    #navigation {
      max-height: 30px;
      position: relative; } }
  #navigation > .wrapper {
    height: 30px;
    padding: 0; }
    @media (min-width: 750px) {
      #navigation > .wrapper {
        margin: 0 20px 20px 35px; } }
    @media (min-width: 1230px) {
      #navigation > .wrapper {
        margin-top: -60px; } }
    @media (min-width: 1600px) {
      #navigation > .wrapper {
        margin-left: auto;
        margin-right: auto; } }
  #navigation .navigation-content {
    padding: 0; }
  #navigation .region-navigation {
    margin: 0;
    padding: 0; }
    #navigation .region-navigation > .block {
      margin: 0;
      padding: 0; }

/* =============================================================================
   CONTENT AREAS
================================================================================ */
#main > .wrapper {
  padding: 78px 0px 0px; }
  #main > .wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  @media (min-width: 600px) {
    #main > .wrapper {
      padding: 96px 0px 0px; } }
  @media (min-width: 900px) {
    #main > .wrapper {
      padding: 108px 0px 0px; } }
  @media (min-width: 1440px) {
    #main > .wrapper {
      padding: 120px 0px 0px; } }
  @media (min-width: 0px) and (max-width: 1439px) {
    #main > .wrapper {
      margin: 0px 26px; } }
  @media (min-width: 0px) and (max-width: 1439px) and (min-width: 600px) {
    #main > .wrapper {
      margin: 0px 32px; } }
  @media (min-width: 0px) and (max-width: 1439px) and (min-width: 900px) {
    #main > .wrapper {
      margin: 0px 36px; } }
  @media (min-width: 0px) and (max-width: 1439px) and (min-width: 1440px) {
    #main > .wrapper {
      margin: 0px 40px; } }

#content > .wrapper {
  position: relative; }
  #content > .wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #content > .wrapper .region {
    position: relative;
    text-rendering: optimizeLegibility; }
    #content > .wrapper .region:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
  #content > .wrapper #page-title {
    margin: 0px 13px 20px; }
    @media (min-width: 600px) {
      #content > .wrapper #page-title {
        margin: 0px 16px 24px; } }
    @media (min-width: 900px) {
      #content > .wrapper #page-title {
        margin: 0px 18px 27px; } }
    @media (min-width: 1440px) {
      #content > .wrapper #page-title {
        margin: 0px 20px 30px; } }

/* Drupal Div Utilities */
.logged-in div.utilities {
  position: relative;
  margin: 13px 0px; }
  @media (min-width: 600px) {
    .logged-in div.utilities {
      margin: 16px 0px; } }
  @media (min-width: 900px) {
    .logged-in div.utilities {
      margin: 18px 0px; } }
  @media (min-width: 1440px) {
    .logged-in div.utilities {
      margin: 20px 0px; } }

/* Region Help */
.region-help {
  margin: 0px 13px;
  padding: 13px 0px 0px; }
  @media (min-width: 600px) {
    .region-help {
      margin: 0px 16px; } }
  @media (min-width: 900px) {
    .region-help {
      margin: 0px 18px; } }
  @media (min-width: 1440px) {
    .region-help {
      margin: 0px 20px; } }
  @media (min-width: 600px) {
    .region-help {
      padding: 16px 0px 0px; } }
  @media (min-width: 900px) {
    .region-help {
      padding: 18px 0px 0px; } }
  @media (min-width: 1440px) {
    .region-help {
      padding: 20px 0px 0px; } }

.region-highlighted {
  padding: 0;
  height: 100%; }

/* Region Pre-Content */
.region-pre-content {
  margin: 0px 13px; }
  .region-pre-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  @media (min-width: 600px) {
    .region-pre-content {
      margin: 0px 16px; } }
  @media (min-width: 900px) {
    .region-pre-content {
      margin: 0px 18px; } }
  @media (min-width: 1440px) {
    .region-pre-content {
      margin: 0px 20px; } }

/* Region Content */
.region-sidebar-second {
  position: relative; }
  .region-sidebar-second:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .region-sidebar-second > .region-wrapper {
    padding: 0; }
    @media (min-width: 0px) and (max-width: 1069px) {
      .region-sidebar-second > .region-wrapper {
        margin: 52px 0px; } }
  @media (min-width: 0px) and (max-width: 1069px) and (min-width: 600px) {
    .region-sidebar-second > .region-wrapper {
      margin: 64px 0px; } }
  @media (min-width: 0px) and (max-width: 1069px) and (min-width: 900px) {
    .region-sidebar-second > .region-wrapper {
      margin: 72px 0px; } }
  @media (min-width: 0px) and (max-width: 1069px) and (min-width: 1440px) {
    .region-sidebar-second > .region-wrapper {
      margin: 80px 0px; } }
    @media (min-width: 1070px) {
      .region-sidebar-second > .region-wrapper {
        margin-left: 19%; } }

/* Region Content Bottom */
#content-bottom {
  background: #FFFFFF; }
  #content-bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  @media (min-width: 0px) and (max-width: 1439px) {
    #content-bottom > .wrapper {
      margin: 0px 26px; } }
  @media (min-width: 0px) and (max-width: 1439px) and (min-width: 600px) {
    #content-bottom > .wrapper {
      margin: 0px 32px; } }
  @media (min-width: 0px) and (max-width: 1439px) and (min-width: 900px) {
    #content-bottom > .wrapper {
      margin: 0px 36px; } }
  @media (min-width: 0px) and (max-width: 1439px) and (min-width: 1440px) {
    #content-bottom > .wrapper {
      margin: 0px 40px; } }
  @media (min-width: 1440px) {
    #content-bottom > .wrapper {
      margin: 0; } }
  #content-bottom .region-content-bottom {
    margin: 65px 0px 0px; }
    @media (min-width: 600px) {
      #content-bottom .region-content-bottom {
        margin: 80px 0px 0px; } }
    @media (min-width: 900px) {
      #content-bottom .region-content-bottom {
        margin: 90px 0px 0px; } }
    @media (min-width: 1440px) {
      #content-bottom .region-content-bottom {
        margin: 100px 0px 0px; } }

/* No Sidebars */
body.no-sidebars #content .region-content .node.view-mode-full {
  margin: 0;
  padding: 0; }
  @media (min-width: 1070px) {
    body.no-sidebars #content .region-content .node.view-mode-full {
      margin: 0px 26px 0px 0px; } }
  @media (min-width: 1070px) and (min-width: 600px) {
    body.no-sidebars #content .region-content .node.view-mode-full {
      margin: 0px 32px 0px 0px; } }
  @media (min-width: 1070px) and (min-width: 900px) {
    body.no-sidebars #content .region-content .node.view-mode-full {
      margin: 0px 36px 0px 0px; } }
  @media (min-width: 1070px) and (min-width: 1440px) {
    body.no-sidebars #content .region-content .node.view-mode-full {
      margin: 0px 40px 0px 0px; } }

body.no-sidebars.front #content .region-content .node.view-mode-full {
  padding: 0; }

/* One Sidebars */
/* =============================================================================
   FOOTER
================================================================================ */
footer {
  background-color: #F2F1F1;
  color: #3649ac; }
  footer > .wrapper {
    padding-bottom: 10%; }
    footer > .wrapper:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
  footer a {
    text-decoration: inherit;
    font-weight: inherit; }
    footer a:link,
    footer a:visited {
      color: #3488ca; }
    footer a:hover,
    footer a:focus {
      color: #3488ca;
      text-decoration: underline; }
    footer a:active {
      color: #3488ca; }
  footer .region-footer-content {
    padding: 65px 0px 0px; }
    footer .region-footer-content:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    @media (min-width: 600px) {
      footer .region-footer-content {
        padding: 80px 0px 0px; } }
    @media (min-width: 900px) {
      footer .region-footer-content {
        padding: 90px 0px 0px; } }
    @media (min-width: 1440px) {
      footer .region-footer-content {
        padding: 100px 0px 0px; } }
    @media (min-width: 0px) and (max-width: 899px) {
      footer .region-footer-content {
        margin: 0px 26px; } }
  @media (min-width: 0px) and (max-width: 899px) and (min-width: 600px) {
    footer .region-footer-content {
      margin: 0px 32px; } }
  @media (min-width: 0px) and (max-width: 899px) and (min-width: 900px) {
    footer .region-footer-content {
      margin: 0px 36px; } }
  @media (min-width: 0px) and (max-width: 899px) and (min-width: 1440px) {
    footer .region-footer-content {
      margin: 0px 40px; } }
    @media (min-width: 900px) {
      footer .region-footer-content {
        margin: 0px 13px; } }
  @media (min-width: 900px) and (min-width: 600px) {
    footer .region-footer-content {
      margin: 0px 16px; } }
  @media (min-width: 900px) and (min-width: 900px) {
    footer .region-footer-content {
      margin: 0px 18px; } }
  @media (min-width: 900px) and (min-width: 1440px) {
    footer .region-footer-content {
      margin: 0px 20px; } }

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET

Special homepage-specific layout.
========================================================================== */
body.front #banner {
  background-color: transparent; }
  body.front #banner .wrapper {
    margin: 0 auto;
    max-width: 1550px; }

body.front #content > .wrapper .region-content {
  margin: 0; }
  body.front #content > .wrapper .region-content .block + .block {
    margin-top: 4em; }
  body.front #content > .wrapper .region-content .view-mode-full {
    margin: 0 !important;
    padding: 0 !important; }

body.front #block-views-content-banner-block,
body.front h1#page-title {
  position: absolute !important;
  top: -9999px;
  left: -9999px; }

body.front .region-content-bottom {
  margin: 0px 0px 130px; }
  @media (min-width: 600px) {
    body.front .region-content-bottom {
      margin: 0px 0px 160px; } }
  @media (min-width: 900px) {
    body.front .region-content-bottom {
      margin: 0px 0px 180px; } }
  @media (min-width: 1440px) {
    body.front .region-content-bottom {
      margin: 0px 0px 200px; } }
  @media (min-width: 0px) and (max-width: 899px) {
    body.front .region-content-bottom {
      display: none; } }

body.front #block-sipa-emergency-message-emergency-message,
body.front #block-ds-extras-page-announcement {
  margin-bottom: 2em; }

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
Custom layout using body classes. Start with body.page-node-NID {}
========================================================================== */
.page-node-2022 #banner .podcast-banner .group-right {
  padding: 4%; }

.page-node-2022 #banner .podcast-banner .group-left {
  background: url(../images/Columbia-Energy-Exchange.jpeg) no-repeat center center;
  background-size: cover; }

@media (min-width: 0px) and (max-width: 749px) {
  .page-node-2022 #banner .podcast-banner .group-left {
    display: none; } }

@media (min-width: 750px) {
  .page-node-2022 #banner .podcast-banner .group-left {
    border-right: 3px solid #FFFFFF;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    width: 280px; }
    .page-node-2022 #banner .podcast-banner .group-left div {
      height: 100%; }
    .page-node-2022 #banner .podcast-banner .group-left img {
      opacity: 0; }
    .page-node-2022 #banner .podcast-banner .group-left + .group-right {
      margin-left: 280px;
      min-height: 280px;
      padding: 5% 3% 3%;
      width: auto; } }

@media (min-width: 0px) and (max-width: 449px) {
  .page-node-2022 #banner .fancy-banner .group-right {
    padding: 3% 7%; } }

@media (min-width: 0px) and (max-width: 1069px) {
  .page-node-2022 #banner .fancy-banner {
    min-height: initial; }
    .page-node-2022 #banner .fancy-banner .group-left,
    .page-node-2022 #banner .fancy-banner .group-middle {
      display: none; } }

@media (min-width: 450px) and (max-width: 599px) {
  .page-node-2022 #banner .fancy-banner .group-right {
    padding-left: 150px; } }

@media (min-width: 450px) and (max-width: 1069px) {
  .page-node-2022 #banner .fancy-banner .group-right {
    background: url(../images/Columbia-Energy-Exchange.jpeg) no-repeat;
    background-size: contain;
    padding-top: 2%; } }

@media (min-width: 600px) and (max-width: 1069px) {
  .page-node-2022 #banner .fancy-banner .group-right {
    margin: 0;
    padding-bottom: 4%;
    padding-left: 22%;
    width: auto; } }

@media (min-width: 1070px) {
  .page-node-2022 #banner .fancy-banner {
    min-height: 400px; }
    .page-node-2022 #banner .fancy-banner .group-left {
      width: calc(100% - 655px); }
    .page-node-2022 #banner .fancy-banner .group-middle {
      width: 655px; }
    .page-node-2022 #banner .fancy-banner .group-right {
      background: url(../images/Columbia-Energy-Exchange.jpeg) no-repeat;
      background-size: contain;
      bottom: 0;
      height: 50%;
      padding-left: 240px;
      padding-top: 2%;
      position: absolute;
      right: 0;
      width: 655px; } }

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