/*
 * @file 
 * View Mode Styles.
 *
 * Please keep these encapsulated in DS classes, don't use external classes.
 * If external classes are required for a specific use of the view mode, then
 * it probably belongs in a different file as an override.
 */
/**
 * Legacy IE support.
 */
/**
 * Font faces, stacks and sizes.
 */
/**
 * Colors, etc.
 */
/**
 * Partials to be shared with all .scss files.
 */
/**
 * Layout element mixins.
 */
/* The white box with grey border that surrounds most content. */
/* The grey box that surrounds content. */
/* The white box containing the main content. Has a green top border. */
/* Content inset into the white box */
/* Content inset on grey background */
/* Content on a lightgrey background with darker border ie left nav and right column of a normal page */
/* Button-like styling for inset box that sits at normal white box level. */
/* Button with a plus icon to the left. */
/* standard button across site. */
/**
 * Text element mixins.
 */
/* Override display suite default css */
/* One Liner with Thumbnail - Used on front page boxes AND on initiatives page. */
/* line 18, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail {
  padding-bottom: 10px;
  *position: relative;
  *zoom: 1;
}
/* line 51, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
.ds-2col.view-mode-one_liner_with_thumbnail:before, .ds-2col.view-mode-one_liner_with_thumbnail:after {
  content: "";
  display: table;
}
/* line 56, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
.ds-2col.view-mode-one_liner_with_thumbnail:after {
  clear: both;
}
/* line 22, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail .group-left {
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: -25%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
  padding: 0 0 10px 0;
  /*overides zen grid padding left and right to lign up*/
}
/* line 28, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail .group-right {
  float: left;
  width: 75%;
  margin-left: 25%;
  margin-right: -100%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
}
/* line 30, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail .group-right .field-post-date, .ds-2col.view-mode-one_liner_with_thumbnail .group-right .field-changed-date, .ds-2col.view-mode-one_liner_with_thumbnail .group-right .field-publication-date {
  margin-top: 10px;
  font-size: 0.78em;
  color: #F8F8F8;
}
/* line 35, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail .group-right .field-title a {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  display: block;
}
/* line 40, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail .group-right .field-title a:hover {
  text-decoration: underline;
}
/* line 44, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail .group-right .field-summary {
  color: #fff;
}

/* line 64, ../sass/ds.scss */
.ds-2col.view-mode-one_liner_with_thumbnail.node {
  padding: 0 0 10px 0;
}

/**
 * Call to Action - Front Page.
 */
/* Layout */
/* line 75, ../sass/ds.scss */
.ds-2col.view-mode-call_to_action.node {
  padding: 0;
}
/* line 77, ../sass/ds.scss */
.ds-2col.view-mode-call_to_action.node .group-left {
  float: left;
  width: 33.33333%;
  margin-left: 0%;
  margin-right: -33.33333%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
  padding-left: 0;
  /* overides zen grid*/
}
/* line 80, ../sass/ds.scss */
.ds-2col.view-mode-call_to_action.node .group-left img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 0;
}
/* line 87, ../sass/ds.scss */
.ds-2col.view-mode-call_to_action.node .group-right {
  float: left;
  width: 66.66667%;
  margin-left: 33.33333%;
  margin-right: -100%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
  overflow: hidden;
  padding: 0 0 0 8px;
  margin-bottom: 30px;
}
/* line 92, ../sass/ds.scss */
.ds-2col.view-mode-call_to_action.node .group-right h3.field-call-to-action-title {
  color: #008265;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.0em;
  margin: 0;
  padding: 0 0 5px 0;
}
/* line 100, ../sass/ds.scss */
.ds-2col.view-mode-call_to_action.node .group-right .field-call-to-action-sub-title {
  color: #505050;
  font-size: 0.9em;
  line-height: 1.3em;
  padding-bottom: 2em;
}

/**
 * Card View Mode.
 */
/* Card view mode - Layout */
/* line 116, ../sass/ds.scss */
.ds-1col.view-mode-card.node {
  *position: relative;
  *zoom: 1;
}
/* line 51, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
.ds-1col.view-mode-card.node:before, .ds-1col.view-mode-card.node:after {
  content: "";
  display: table;
}
/* line 56, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
.ds-1col.view-mode-card.node:after {
  clear: both;
}
/* line 120, ../sass/ds.scss */
.ds-1col.view-mode-card.node .field-featured-image {
  margin-bottom: 10px;
}
/* line 123, ../sass/ds.scss */
.ds-1col.view-mode-card.node .field-title {
  padding: 0 10px 35px 10px !important;
}
/* line 126, ../sass/ds.scss */
.ds-1col.view-mode-card.node .field-title h2 a {
  font-size: 0.8em;
  line-height: 1em;
}
/* line 132, ../sass/ds.scss */
.ds-1col.view-mode-card.node .field-summary {
  padding: 0 20px 20px 20px;
}
/* line 135, ../sass/ds.scss */
.ds-1col.view-mode-card.node .field-node-link {
  margin: 20px;
}

/**
 * Half Teaser - used on Topic page article list 
 */
/* Half Teaser - Layout */
/* line 149, ../sass/ds.scss */
div.panel-pane .ds-2col.view-mode-teaser_half {
  padding-left: 0;
  padding-right: 0;
  padding: 0 0 20px 0;
}
/* line 152, ../sass/ds.scss */
div.panel-pane .ds-2col.view-mode-teaser_half .group-left {
  float: left;
  width: 16.66667%;
  margin-left: 0%;
  margin-right: -16.66667%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
  padding-left: 0;
}
/* line 155, ../sass/ds.scss */
div.panel-pane .ds-2col.view-mode-teaser_half .group-left img {
  display: block;
}
/* line 159, ../sass/ds.scss */
div.panel-pane .ds-2col.view-mode-teaser_half .group-right {
  float: left;
  width: 83.33333%;
  margin-left: 16.66667%;
  margin-right: -100%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
}

/* Half Teaser - Styles */
/* Todo this is defining fields... probably shouldn't */
/* line 169, ../sass/ds.scss */
.ds-2col.view-mode-teaser_half {
  margin-bottom: 20px;
}
/* line 171, ../sass/ds.scss */
.ds-2col.view-mode-teaser_half .field-post-date, .ds-2col.view-mode-teaser_half .field-changed-date {
  font-size: 0.8em;
  color: #505050;
}
/* line 176, ../sass/ds.scss */
.ds-2col.view-mode-teaser_half .field-title h4 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 3px;
  line-height: 1.1em;
}
/* line 181, ../sass/ds.scss */
.ds-2col.view-mode-teaser_half .field-title h4 a {
  display: block;
}
/* line 185, ../sass/ds.scss */
.ds-2col.view-mode-teaser_half .field-summary {
  float: left;
}

/**
 * Media queries.
 */
/* Small screen & tablet devices */
@media all and (max-width: 991px) {
  /* line 201, ../sass/ds.scss */
  div.panel-pane .ds-2col.view-mode-teaser_half .group-right {
    padding-right: 0;
  }
}
/* Mobile devices */