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

This is where you style content types, taxonomy terms, users, and field collections, but only in a general way. If it's a one-off, put it in 9-special-pages.scss.
========================================================================== */
/* Includes all variables you'll need for layout, colors, fonts, and images, plus custom mixins. */
/* Legacy IE support
   To turn on support for IE6 or IE7, set those variables to true. */
/* ==========================================================================
   MEDIA QUERIES & LAYOUT
   These may differ based on the design, but here's a good starting point.
========================================================================== */
/* Caps the page width in order to prevent lines of text getting too long.*/
/* ===== SMALL - 1-Column Layout (default) =========== */
/* ===== MEDIUM - 2-Column Layout ===================== */
/* These values must add up to 100%. */
/*                         = 100%;

/* ===== LARGE & X-LARGE - 3-Column Layout ============= */
/* These values must add up to 100%. */
/*                         = 100%

/* ==========================================================================
   MISCELLANEOUS
========================================================================== */
/* line 192, ../images/dl-icons/*.png */
.dl-icons-sprite {
  background-image: url('../images/../images/dl-icons-sfaa00e3cef.png');
  background-repeat: no-repeat;
}

/* ==========================================================================
   PARTIALS TO BE SHARED WITH ALL .SCSS FILES
========================================================================== */
/* Custom Sass Mixins */
/* ==================================================================
   RESPOND TO
   Use the breakpoint names defined in base.scss
   The $direction argument defines the whether to to include sizes up or down from the breakpoint.

   x-small         small         medium          large          x-large
0-----------450px---------700px----------900px---------1200px---------1400px----------->

===================================================================== */
/* ==================================================================
   DIGTIAL LOOM'S CLEAR FIX
   This clearfix is better than both Drupal and Compass's clearfix
   http://css-tricks.com/snippets/css/clear-fix/
===================================================================== */
/* ==================================================================
   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/
===================================================================== */
/* ==========================================================================
   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 -------------------------- */
/* @param $size: small, medium, large.      */
/* @param $color: orange                    */
/* ---- Create a rough underline beneath the element ------------------------ */
/* @param $color: orange                                                      */
/* @param $width: minimal or full (behave like an inline or block element,    */
/*                respectively.)                                              */
/*                                                                            */
/* NOTE: If you use this, be sure to add your target selector to the          */
/* '.rough-underline' section of script.js. E.g.                              */
/* $('.rough-underline, .my-new-thing').each(function() {...                  */
/*                                                                            */
/* That script adds the span tags that these styles require.                  */
/* ==========================================================================
TYPOGRAPHY STYLES TO EXTEND THROUGHOUT THE THEME
Table of Contents
  %heading1
  %heading2
  %heading3
  %heading4
  %block-header
  %intro
  %list-item
  %quote
  %related-link
  %caption
========================================================================== */
/* line 50, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-title,
body.node-type-project .field-name-field-people .field-name-title,
body.node-type-publication .field-name-field-projects .field-item,
body.node-type-project .field-name-field-projects .field-item,
body.node-type-publication .field-name-no-logo,
body.node-type-project .field-name-no-logo,
body.page-node .view-publication-sidebar-block .field-label-above .field-label,
body.page-node .view-project-sidebar-block .field-label-above .field-label,
body.node-type-person .field-name-field-recent-work .label-above {
  color: #231f20;
  font-family: "Crimson Text", sans-serif;
  font-size: 1.166667em;
  line-height: 1.12em;
  letter-spacing: -0.5px;
  font-weight: bold;
}
/* line 58, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-title .field-item a,
body.node-type-project .field-name-field-people .field-name-title .field-item a, body.node-type-publication .field-name-field-projects .field-name-title .field-item a,
body.node-type-project .field-name-field-projects .field-name-title .field-item a, body.node-type-publication .field-name-no-logo a,
body.node-type-project .field-name-no-logo a,
body.page-node .view-publication-sidebar-block .field-name-field-people .field-name-title a,
body.page-node .view-project-sidebar-block .field-name-field-people .field-name-title a,
body.node-type-project .field-name-no-logo a,
body.page-node .view-publication-sidebar-block .field-name-field-projects a,
body.page-node .view-project-sidebar-block .field-name-field-projects a,
body.node-type-person .field-name-field-recent-work .label-above a {
  background: transparent url("../images/dl-icons/arrow-med-orange.png") no-repeat right center;
  padding-right: 15px;
  color: #231f20;
}
/* line 62, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-title .field-item a:hover,
body.node-type-project .field-name-field-people .field-name-title .field-item a:hover,
body.node-type-publication .field-name-field-projects .field-name-title .field-item a:hover,
body.node-type-project .field-name-field-projects .field-name-title .field-item a:hover, body.node-type-publication .field-name-no-logo a:hover,
body.node-type-project .field-name-no-logo a:hover,
body.page-node .view-publication-sidebar-block .field-name-field-people .field-name-title a:hover,
body.page-node .view-project-sidebar-block .field-name-field-people .field-name-title a:hover,
body.node-type-project .field-name-no-logo a:hover,
body.page-node .view-publication-sidebar-block .field-name-field-projects a:hover,
body.page-node .view-project-sidebar-block .field-name-field-projects a:hover,
body.node-type-person .field-name-field-recent-work .label-above a:hover {
  color: #575757;
}

/* line 68, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-field-position .field-item,
body.node-type-project .field-name-field-people .field-name-field-position .field-item, body.node-type-person .field-name-field-recent-work .field-name-post-date, body.node-type-person .field-name-field-location .field-item,
body.node-type-person .field-name-field-position .field-item {
  color: #999999;
  font-family: "Alegreya Sans", serif;
  font-size: 0.83em;
  line-height: 1.11em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: normal;
}
/* line 77, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-field-position .field-item a,
body.node-type-project .field-name-field-people .field-name-field-position .field-item a, body.node-type-person .field-name-field-recent-work .field-name-post-date a, body.node-type-person .field-name-field-location .field-item a,
body.node-type-person .field-name-field-position .field-item a {
  background: transparent url("../images/dl-icons/arrow-sm-orange.png") no-repeat right center;
  padding-right: 12px;
  color: #999999;
}
/* line 81, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-field-position .field-item a:hover,
body.node-type-project .field-name-field-people .field-name-field-position .field-item a:hover, body.node-type-person .field-name-field-recent-work .field-name-post-date a:hover, body.node-type-person .field-name-field-location .field-item a:hover,
body.node-type-person .field-name-field-position .field-item a:hover {
  color: #575757;
}

/* line 87, ../sass/_typography.scss */
body.node-type-publication .field-name-field-people .field-name-title .field-item,
body.node-type-project .field-name-field-people .field-name-title .field-item, body.node-type-publication .field-name-field-projects .field-name-title .field-item,
body.node-type-project .field-name-field-projects .field-name-title .field-item, body.node-type-publication .field-name-no-logo,
body.node-type-project .field-name-no-logo {
  font-size: 1.22em;
  line-height: 1.22em;
}
body.node-type-publication h1#page-title {
  display: none;
}

/* line 94, ../sass/_typography.scss */
body.page-node .view-publication-sidebar-block .field-label-above .field-label,
body.page-node .view-project-sidebar-block .field-label-above .field-label,
body.node-type-person .field-name-field-recent-work .label-above {
  margin: 0 0 .5em;
}

/*
 * All node types' full-view pages.
 */
/* line 24, ../sass/7-content-types.scss */
body.page-node .view-publication-sidebar-block .field-label-above .field-label,
body.page-node .view-project-sidebar-block .field-label-above .field-label {
  padding-bottom: 12px;
  background: url("../images/bg-gray-underline-rough-white-bg.png") no-repeat left bottom;
  position: relative;
  /*&:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('../images/bg-gray-underline-rough-white-bg.png') no-repeat right bottom;
  }*/
}
/* line 29, ../sass/7-content-types.scss */
body.page-node .view-publication-sidebar-block .views-row > .node > .field,
body.page-node .view-project-sidebar-block .views-row > .node > .field {
  margin-top: 60px;
}
/* line 32, ../sass/7-content-types.scss */
body.page-node .view-publication-sidebar-block .views-row > .node > .field:first-child,
body.page-node .view-project-sidebar-block .views-row > .node >  > .field:first-child {
  margin-top: 0;
}

/*
 * Projects and Publications
 */
/* line 47, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-people .node-person,
body.node-type-project .field-name-field-people .node-person {
  clear: both;
  margin-bottom: 20px;
}
/* line 52, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-people .field-name-field-image,
body.node-type-project .field-name-field-people .field-name-field-image {
  float: left;
  margin-left: 3px;
  margin-right: 20px;
}
/* line 58, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-people .field-name-title,
body.node-type-project .field-name-field-people .field-name-title {
  font-size: 0.888889em;
}
/* line 63, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-people .field-name-field-position .field-item,
body.node-type-project .field-name-field-people .field-name-field-position .field-item {
  margin-top: 3px;
}
/* line 70, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-projects .field-item,
body.node-type-project .field-name-field-projects .field-item {
  font-size: 1.055556em;
}
/* line 76, ../sass/7-content-types.scss */
body.node-type-publication .node-funder,
body.node-type-project .node-funder {
  float: left;
}
/* line 80, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-logo,
body.node-type-project .field-name-field-logo {
  margin: 8px 6px 10px 3px;
}
/* line 84, ../sass/7-content-types.scss */
body.node-type-publication .field-name-no-logo,
body.node-type-project .field-name-no-logo {
  font-size: 0.95em;
  margin: 8px 6px 10px 3px;
}
/* line 90, ../sass/7-content-types.scss */
body.node-type-publication .field-name-field-publication-date,
body.node-type-project .field-name-field-publication-date {
  margin-top: 33px;
  margin-bottom: -15px;
}
/* line 98, ../sass/7-content-types.scss */
body.node-type-publication .field-pseudo-field--publication-request-a-copy a,
body.node-type-publication .field-name-field-link a,
body.node-type-publication .field-pseudo-field--publication-link-to-file a,
body.node-type-project .field-pseudo-field--publication-request-a-copy a,
body.node-type-project .field-name-field-link a,
body.node-type-project .field-pseudo-field--publication-link-to-file a {
  position: relative;
  display: block;
  color: #ffffff;
  background-color: #d9531e;
  border: 1px solid #d9531e;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* If group-left contains the responsive image */
  font-size: 1em;
  padding: 0.6em 1em;
  display: inline-block;
  float: left;
  margin: 0 20px 20px 0;
}
/* line 115, ../sass/_custom.scss */
body.node-type-publication .field-pseudo-field--publication-request-a-copy a:hover,
body.node-type-publication .field-name-field-link a:hover,
body.node-type-publication .field-pseudo-field--publication-link-to-file a:hover,
body.node-type-project .field-pseudo-field--publication-request-a-copy a:hover,
body.node-type-project .field-name-field-link a:hover,
body.node-type-project .field-pseudo-field--publication-link-to-file a:hover {
  background-color: #ba3d0c;
}
/* line 119, ../sass/_custom.scss */
body.node-type-publication .field-pseudo-field--publication-request-a-copy a:active,
body.node-type-publication .field-name-field-link a:active,
body.node-type-publication .field-pseudo-field--publication-link-to-file a:active,
body.node-type-project .field-pseudo-field--publication-request-a-copy a:active,
body.node-type-project .field-name-field-link a:active,
body.node-type-project .field-pseudo-field--publication-link-to-file a:active {
  /* nifty depress action!*/
  top: 1px;
  left: 1px;
}
/* line 106, ../sass/7-content-types.scss */
body.node-type-publication #block-ds-extras-taxonomy,
body.node-type-project #block-ds-extras-taxonomy {
  clear: both;
  margin: 2em 0;
  color: #999999;
  font-style: italic;
}
/* line 112, ../sass/7-content-types.scss */
body.node-type-publication #block-ds-extras-taxonomy a,
body.node-type-project #block-ds-extras-taxonomy a {
  font-weight: normal;
}
/* line 117, ../sass/7-content-types.scss */
body.node-type-publication .field-pseudo-field--combined-taxonomies,
body.node-type-project .field-pseudo-field--combined-taxonomies {
  clear: both;
  margin: 2em 0;
  color: #999999;
  font-style: italic;
}
/* line 123, ../sass/7-content-types.scss */
body.node-type-publication .field-pseudo-field--combined-taxonomies a,
body.node-type-project .field-pseudo-field--combined-taxonomies a {
  font-weight: normal;
}

/*
 * People
 */
/* line 135, ../sass/7-content-types.scss */
body.node-type-person h1 {
  margin-bottom: 20px;
}
/* line 138, ../sass/7-content-types.scss */
body.node-type-person .field-name-field-recent-work {
  margin-top: 30px;
}
/* line 141, ../sass/7-content-types.scss */
body.node-type-person .field-name-field-recent-work .label-above {
  padding-bottom: 12px;
  background: url("../images/bg-gray-underline-rough-white-bg.png") no-repeat left bottom;
  position: relative;
  /*&:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('../images/bg-gray-underline-rough-white-bg.png') no-repeat right bottom;
  }*/
}
/* line 151, ../sass/7-content-types.scss */
body.node-type-person .field-name-field-location .field-item,
body.node-type-person .field-name-field-position .field-item {
  margin-bottom: 5px;
}
/* line 156, ../sass/7-content-types.scss */
body.node-type-person .field-name-body {
  margin-top: 20px;
}

/*
 * News
 */
/* line 165, ../sass/7-content-types.scss */
.node-news.view-mode-teaser-list {
  margin-bottom: 40px;
}
/* line 168, ../sass/7-content-types.scss */
.node-news.view-mode-teaser-list h3 {
  margin: 0.25em 0;
}

/*
 * Webform
 */
/* line 178, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form > div {
  max-width: 800px;
}
/* line 182, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form .form-item label {
  margin-bottom: 15px;
}
/* line 186, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form .webform-component--positionrow--hear-about-position-other,
.node-type-webform .webform-client-form .webform-component--ethnicityrow--other {
  vertical-align: bottom;
  max-width: 60%;
  margin-bottom: 26px;
}
/* line 191, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form .webform-component--positionrow--hear-about-position-other input,
.node-type-webform .webform-client-form .webform-component--ethnicityrow--other input {
  padding: 9px;
}
/* line 197, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form .form-item .file {
  display: inline-block;
  min-width: 320px;
}
/* line 202, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form .form-item input.form-text {
  max-width: 350px;
}
/* line 208, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form .webform-component--ethnicityrow--other input.form-text {
  margin-left: 15px;
}
/* line 213, ../sass/7-content-types.scss */
.node-type-webform .webform-client-form input.form-text, .node-type-webform .webform-client-form textarea {
  border: 1px solid #999;
}
@media (max-width: 560px) {
  /* line 218, ../sass/7-content-types.scss */
  .node-type-webform .webform-client-form .webform-layout-box.horiz > *, .node-type-webform .webform-client-form .webform-layout-box.equal > * {
    display: block;
    width: 100% !important;
  }
  /* line 223, ../sass/7-content-types.scss */
  .node-type-webform .webform-client-form .form-managed-file .form-submit {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /* line 229, ../sass/7-content-types.scss */
  .node-type-webform .webform-client-form .webform-component--ethnicityrow--other input.form-text {
    margin-left: 0px;
  }
  /* line 234, ../sass/7-content-types.scss */
  .node-type-webform .webform-client-form .webform-layout-box.horiz > * + *,
  .node-type-webform .webform-client-form .webform-component--positionrow--hear-about-position-other {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 760px) {
  /* line 243, ../sass/7-content-types.scss */
  .node-type-webform .webform-client-form .webform-component--positionrow--hear-about-position-other {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 900px) {
  /* line 252, ../sass/7-content-types.scss */
  .node-type-webform #block-search-form input#edit-search-block-form--2 {
    width: 151px;
  }
}
