/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */
/**
 * 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.
 */
/* line 10, ../sass/nodes.scss */
.node-teaser {
  /* A node displayed as teaser */
}
/* line 11, ../sass/nodes.scss */
.node-teaser .field-body {
  padding-right: 20px;
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
/* line 22, ../sass/nodes.scss */
.node-unpublished {
  /* Unpublished nodes */
  /* background-color: #fff4f4; */
  /* Drupal core uses a #fff4f4 background */
  background: none;
}
/* line 25, ../sass/nodes.scss */
.node-unpublished p.unpublished {
  /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 12pt;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  text-align: right;
  word-wrap: break-word;
  letter-spacing: 1pt;
  margin: 0 0 4px 0;
}
/* line 196, ../sass/_custom.scss */
.lt-ie8 .node-unpublished p.unpublished > * {
  position: relative;
}

/** Embed images in body field **/
/* line 32, ../sass/nodes.scss */
.media-landscape_small, .media-landscape_medium, .media-landscape_large,
.media-portrait_small, .media-portrait_medium, .media-portrait_large,
.media-seed_small_scaled, .media-seed_medium_scaled, .media-seed_large_scaled {
  background-color: #f2f2f2;
  padding: 8px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin-bottom: 15px;
  display: inline-block;
}
/* line 220, ../sass/_custom.scss */
.media-landscape_small .field-caption, .media-landscape_medium .field-caption, .media-landscape_large .field-caption,
.media-portrait_small .field-caption, .media-portrait_medium .field-caption, .media-portrait_large .field-caption,
.media-seed_small_scaled .field-caption, .media-seed_medium_scaled .field-caption, .media-seed_large_scaled .field-caption {
  font-size: 0.9em;
}
/* line 224, ../sass/_custom.scss */
.media-landscape_small p:last-child, .media-landscape_medium p:last-child, .media-landscape_large p:last-child,
.media-portrait_small p:last-child, .media-portrait_medium p:last-child, .media-portrait_large p:last-child,
.media-seed_small_scaled p:last-child, .media-seed_medium_scaled p:last-child, .media-seed_large_scaled p:last-child {
  padding-bottom: 0;
}

/* line 38, ../sass/nodes.scss */
.media-landscape_small_left, .media-landscape_medium_left, .media-landscape_large_left,
.media-portrait_small_left, .media-portrait_medium_left, .media-portrait_large_left {
  float: left;
  margin-right: 20px;
}

/* line 44, ../sass/nodes.scss */
.media-landscape_small_right, .media-landscape_medium_right, .media-landscape_large_right,
.media-portrait_small_right, .media-portrait_medium_right, .media-portrait_large_right {
  float: right;
  margin-left: 20px;
}

/* We need to set widths here, as the caption might push things out.
We should be able to use media queries to set the widths back to auto when the window size is smaller than the image.
Please talk to Alex if you'd like to do this differently. Note, 40px addition is the body padding */
/* line 54, ../sass/nodes.scss */
.media-landscape_small, .media-seed_small_scaled {
  width: 176px;
}

@media all and (max-width: 216px) {
  /* line 59, ../sass/nodes.scss */
  .media-landscape_small, .media-seed_small_scaled {
    width: auto;
  }
}
/* line 64, ../sass/nodes.scss */
.media-landscape_medium, .media-seed_medium_scaled {
  width: 336px;
}

@media all and (max-width: 376px) {
  /* line 69, ../sass/nodes.scss */
  .media-landscape_medium, .media-seed_medium_scaled {
    width: auto;
  }
}
/* line 74, ../sass/nodes.scss */
.media-landscape_large, .media-seed_large_scaled {
  width: 656px;
}

/* line 79, ../sass/nodes.scss */
.seed-flexible-content-wrapper-with-left-sidebar-with-right-sidebar .media-landscape_large, .seed-flexible-content-wrapper-with-left-sidebar-with-right-sidebar .media-seed_large_scaled {
  width: 100%;
  /* will override the width above if sidebars exist */
}

@media all and (max-width: 696px) {
  /* line 85, ../sass/nodes.scss */
  .media-landscape_large, .media-seed_large_scaled {
    width: auto;
  }
}
/* line 90, ../sass/nodes.scss */
.media-portrait_small {
  width: 136px;
}

@media all and (max-width: 176px) {
  /* line 95, ../sass/nodes.scss */
  .media-portrait_small {
    width: auto;
  }
}
/* line 100, ../sass/nodes.scss */
.media-portrait_medium {
  width: 256px;
}

@media all and (max-width: 296px) {
  /* line 105, ../sass/nodes.scss */
  .media-portrait_medium {
    width: auto;
  }
}
/* line 110, ../sass/nodes.scss */
.media-portrait_large {
  width: 496px;
}

@media all and (max-width: 536px) {
  /* line 115, ../sass/nodes.scss */
  .media-portrait_large {
    width: auto;
  }
}
/* add a margin in the ck editor when a user comments on an article */
/* line 122, ../sass/nodes.scss */
.cke_editable {
  font-family: "Roboto", sans-serif;
  margin: 8px;
}
/* line 125, ../sass/nodes.scss */
.cke_editable ul, .cke_editable ol, .cke_editable .item-list ul, .cke_editable .item-list ol {
  margin-left: 12px;
}

/* NOTE: these tables styles are inherited by gateway_admin theme so the rich text editor picks them up. */
/* line 131, ../sass/nodes.scss */
.pane-node, .cke_editable, .view-content, .workflow-statistics-row {
  /* default table styles below for entire website*/
}
/* line 133, ../sass/nodes.scss */
.pane-node table, .cke_editable table, .view-content table, .workflow-statistics-row table {
  border-top: 3px solid #cccccc;
  border-bottom: 3px solid #cccccc;
  border-right: 0;
  border-left: 0;
  width: 100%;
  border-collapse: collapse;
}
/* line 140, ../sass/nodes.scss */
.pane-node table caption, .cke_editable table caption, .view-content table caption, .workflow-statistics-row table caption {
  text-align: left;
}
/* line 143, ../sass/nodes.scss */
.pane-node table p, .cke_editable table p, .view-content table p, .workflow-statistics-row table p {
  margin: 0;
  padding: 0;
}
/* line 148, ../sass/nodes.scss */
.pane-node table th, .cke_editable table th, .view-content table th, .workflow-statistics-row table th {
  padding: 10px 5px 10px 5px;
  color: #333333;
  background: #fff;
  border-bottom: solid 3px #cccccc;
  border-right: 0;
  border-left: 0;
  font-weight: bold;
  /* needs to be explicit here so that the seven (admin) theme doesn't override it) */
  text-transform: none;
}
/* line 157, ../sass/nodes.scss */
.pane-node table th a, .cke_editable table th a, .view-content table th a, .workflow-statistics-row table th a {
  color: #008265;
}
/* line 162, ../sass/nodes.scss */
.pane-node table th tbody tr, .cke_editable table th tbody tr, .view-content table th tbody tr, .workflow-statistics-row table th tbody tr {
  color: #505050;
}
/* line 164, ../sass/nodes.scss */
.pane-node table th tbody tr td, .cke_editable table th tbody tr td, .view-content table th tbody tr td, .workflow-statistics-row table th tbody tr td {
  padding: 8px 8px;
  border: solid 1px #cccccc;
}
/* line 168, ../sass/nodes.scss */
.pane-node table th tbody tr.odd, .cke_editable table th tbody tr.odd, .view-content table th tbody tr.odd, .workflow-statistics-row table th tbody tr.odd {
  background: none;
}
/* line 171, ../sass/nodes.scss */
.pane-node table th tbody tr.even, .cke_editable table th tbody tr.even, .view-content table th tbody tr.even, .workflow-statistics-row table th tbody tr.even {
  background: none;
}
/* line 174, ../sass/nodes.scss */
.pane-node table th tbody tr td:first-child, .cke_editable table th tbody tr td:first-child, .view-content table th tbody tr td:first-child, .workflow-statistics-row table th tbody tr td:first-child {
  border-left: 0;
}
/* line 177, ../sass/nodes.scss */
.pane-node table th tbody tr td:last-child, .cke_editable table th tbody tr td:last-child, .view-content table th tbody tr td:last-child, .workflow-statistics-row table th tbody tr td:last-child {
  border-right: 0;
}
/* line 189, ../sass/nodes.scss */
.pane-node .cke_show_borders table.cke_show_border tbody tr td, .cke_editable .cke_show_borders table.cke_show_border tbody tr td, .view-content .cke_show_borders table.cke_show_border tbody tr td, .workflow-statistics-row .cke_show_borders table.cke_show_border tbody tr td {
  border: solid 1px #d3d3d3 !important;
}
/* line 192, ../sass/nodes.scss */
.pane-node .cke_show_borders table.cke_show_border tbody tr td:first-child, .cke_editable .cke_show_borders table.cke_show_border tbody tr td:first-child, .view-content .cke_show_borders table.cke_show_border tbody tr td:first-child, .workflow-statistics-row .cke_show_borders table.cke_show_border tbody tr td:first-child {
  border-left: 0 !important;
}
/* line 195, ../sass/nodes.scss */
.pane-node .cke_show_borders table.cke_show_border tbody tr td:last-child, .cke_editable .cke_show_borders table.cke_show_border tbody tr td:last-child, .view-content .cke_show_borders table.cke_show_border tbody tr td:last-child, .workflow-statistics-row .cke_show_borders table.cke_show_border tbody tr td:last-child {
  border-right: 0 !important;
}