/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
General views styling. Start with most general, then views that are reused multiple times, then lastly special one-off views.

Views styling should be applied using classes rather than the default views markup, so we will all stay sane.
========================================================================== */
/* 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, .page-publications h2#accordion,
.page-projects h2#accordion, .page-publications h2#accordion.active,
.page-projects h2#accordion.active {
  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.page-publications .node-publication.view-mode-teaser-list div a,
#block-views-publications-block-1 .node-publication.view-mode-teaser_list p,
.node-project.view-mode-teaser div a {
  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.page-publications .node-publication.view-mode-teaser-list div a,
#block-views-publications-block-1 .node-publication.view-mode-teaser_list p a,
.node-project.view-mode-teaser div 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.page-publications .node-publication.view-mode-teaser-list div a:hover,
#block-views-publications-block-1 .node-publication.view-mode-teaser_list p a:hover,
.node-project.view-mode-teaser div a:hover {
  color: #575757;
}

/* line 10, ../sass/8-views.scss */
.views-row {
  margin-bottom: 1em;
}

/* Undo Views' default styling for exposed form widgets. Do we want/need this? -VM */
/* line 16, ../sass/8-views.scss */
.views-exposed-form .views-exposed-widget {
  float: none;
  padding-right: 0;
  padding: 0 1em 1em 0;
  display: block;
}
/* line 21, ../sass/8-views.scss */
.views-exposed-form .views-exposed-widget.views-submit-button {
  float: left;
}
/* line 25, ../sass/8-views.scss */
.views-exposed-form .views-exposed-widget .form-submit {
  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: .88em;
  padding: 0.4em .6em;
  margin-top: 0;
}
/* line 115, ../sass/_custom.scss */
.views-exposed-form .views-exposed-widget .form-submit:hover {
  background-color: #ba3d0c;
}
/* line 119, ../sass/_custom.scss */
.views-exposed-form .views-exposed-widget .form-submit:active {
  /* nifty depress action!*/
  top: 1px;
  left: 1px;
}

/* line 32, ../sass/8-views.scss */
ul.views-view-grid {
  padding-left: 0;
}
/* line 35, ../sass/8-views.scss */
ul.views-view-grid li {
  list-style-image: none;
  list-style-type: none;
  margin-bottom: 2em;
}
/* line 40, ../sass/8-views.scss */
ul.views-view-grid li.col-first {
  clear: left;
}

/* line 47, ../sass/8-views.scss */
.view-board,
.view-id-staff.view-display-id-page {
  margin-top: 80px;
}
/* line 50, ../sass/8-views.scss */
.view-board .view-header,
.view-id-staff.view-display-id-page .view-header {
  width: 60%;
  position: absolute;
  right: 0;
  top: 80px;
  color: #999999;
}
@media (max-width: 900px) {
  /* line 50, ../sass/8-views.scss */
  .view-board .view-header,
  .view-id-staff.view-display-id-page .view-header {
    width: 95%;
  }
}
/* line 60, ../sass/8-views.scss */
.view-board .view-header a.active,
.view-id-staff.view-display-id-page .view-header a.active {
  color: #575757;
}
/* line 67, ../sass/8-views.scss */
.view-board .view-content .node-person,
.view-id-staff.view-display-id-page .view-content .node-person {
  margin: 0 30px 0 0;
}
/* line 73, ../sass/8-views.scss */
.view-board .view-content ul,
.view-id-staff.view-display-id-page .view-content ul {
  padding: 0;
  margin: 0;
}
/* line 77, ../sass/8-views.scss */
.view-board .view-content ul li,
.view-id-staff.view-display-id-page .view-content ul li {
  list-style: none;
  float: left;
  width: 265px;
  height: 350px;
  position: relative;
  padding: 0;
  margin: 0;
  background: transparent;
}
/* line 87, ../sass/8-views.scss */
.view-board .view-content ul li h3,
.view-id-staff.view-display-id-page .view-content ul li h3 {
  font-size: 1.22em;
  line-height: 1.22em;
  margin: 0 0 .2em;
}
/* line 91, ../sass/8-views.scss */
.view-board .view-content ul li .field-name-field-position,
.view-id-staff.view-display-id-page .view-content ul li .field-name-field-position {
  color: #999999;
  font-family: "Alegreya Sans", serif;
  font-size: 0.83em;
  line-height: 1.11em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: normal;
  margin: .4em 0 0;
}

/*
 * Projects and Publications Landing pages
 */
/* line 103, ../sass/8-views.scss */
body.page-publications .node-publication.view-mode-teaser-list,
#block-views-publications-block-1 .node-publication.view-mode-teaser_list,
.node-project.view-mode-teaser {
  margin-bottom: 30px;
}
/* line 108, ../sass/8-views.scss */
body.page-publications .node-publication.view-mode-teaser_list p,
#block-views-publications-block-1 .node-publication.view-mode-teaser_list p,
.node-project.view-mode-teaser p {
  margin: 0;
}

/* line 117, ../sass/8-views.scss */
.page-publications h2#accordion,
.page-projects h2#accordion {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #231f20;
  font-weight: bold;
  font-size: 1em;
  font-family: "Alegreya Sans", serif;
  letter-spacing: 0.05px;
  padding: 0.7em 1em 0.7em 3em;
  background-color: #ededed;
  background-position: 0 -255px;
  background-position: 21px -236px;
  text-transform: uppercase;
  border-bottom: 1px dotted transparent;
  margin: 1em 0 0;
  line-height: 28.8px;
  clear: both;
}
/* line 133, ../sass/8-views.scss */
.page-publications h2#accordion:hover,
.page-projects h2#accordion:hover {
  cursor: pointer;
}
/* line 136, ../sass/8-views.scss */
.page-publications h2#accordion.active,
.page-projects h2#accordion.active {
  background-color: #231f20;
  background-position: 0 -221px;
  background-position: 21px -195px;
  color: #ededed;
}
/* line 144, ../sass/8-views.scss */
.page-publications h2#accordion.active, .page-publications a#accordion:hover,
.page-projects h2#accordion.active,
.page-projects a#accordion:hover {
  background-color: #ccc;
}
/* line 148, ../sass/8-views.scss */
.page-publications #advanced-filters,
.page-projects #advanced-filters {
  padding: 18px 18px 0;
  background-color: white;
  float: left;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  width: 100%;
}
/* line 158, ../sass/8-views.scss */
.page-publications input#edit-reset, .page-publications #form-clear,
.page-projects input#edit-reset,
.page-projects #form-clear {
  background-color: transparent;
  color: cadetblue;
  border: none;
}
@media (max-width: 1200px) {
  /* line 158, ../sass/8-views.scss */
  .page-publications input#edit-reset, .page-publications #form-clear,
  .page-projects input#edit-reset,
  .page-projects #form-clear {
    padding-left: 0;
  }
}
/* line 166, ../sass/8-views.scss */
.page-publications input#edit-reset:hover, .page-publications #form-clear:hover,
.page-projects input#edit-reset:hover,
.page-projects #form-clear:hover {
  background-color: transparent;
}
@media (max-width: 900px) {
  /* line 174, ../sass/8-views.scss */
  .page-publications #views-exposed-form-publications-publications-page div#edit-keys-wrapper,
  .page-publications #views-exposed-form-projects-projects-page div#edit-keys-wrapper,
  .page-projects #views-exposed-form-publications-publications-page div#edit-keys-wrapper,
  .page-projects #views-exposed-form-projects-projects-page div#edit-keys-wrapper {
    float: left;
    width: 72%;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  /* line 174, ../sass/8-views.scss */
  .page-publications #views-exposed-form-publications-publications-page div#edit-keys-wrapper,
  .page-publications #views-exposed-form-projects-projects-page div#edit-keys-wrapper,
  .page-projects #views-exposed-form-publications-publications-page div#edit-keys-wrapper,
  .page-projects #views-exposed-form-projects-projects-page div#edit-keys-wrapper {
    width: 90%;
  }
}
@media (max-width: 900px) {
  /* line 180, ../sass/8-views.scss */
  .page-publications #views-exposed-form-publications-publications-page div#edit-keys-wrapper input,
  .page-publications #views-exposed-form-projects-projects-page div#edit-keys-wrapper input,
  .page-projects #views-exposed-form-publications-publications-page div#edit-keys-wrapper input,
  .page-projects #views-exposed-form-projects-projects-page div#edit-keys-wrapper input {
    padding: 0.4em;
    width: 100%;
    border-radius: 0;
  }
  /* line 186, ../sass/8-views.scss */
  .page-publications #views-exposed-form-publications-publications-page .views-submit-button,
  .page-publications #views-exposed-form-projects-projects-page .views-submit-button,
  .page-projects #views-exposed-form-publications-publications-page .views-submit-button,
  .page-projects #views-exposed-form-projects-projects-page .views-submit-button {
    float: left;
  }
}
@media (min-width: 450px) and (max-width: 700px) {
  /* line 194, ../sass/8-views.scss */
  .page-publications #block-block-33,
  .page-projects #block-block-33 {
    width: 100%;
  }
}
@media (min-width: 700px) and (max-width: 900px) {
  /* line 194, ../sass/8-views.scss */
  .page-publications #block-block-33,
  .page-projects #block-block-33 {
    width: 50%;
  }
}

/*
 * Taxonomy Landing pages
 */
/* line 208, ../sass/8-views.scss */
.view-taxonomy-lp h2 {
  margin-top: 0;
}

/*
 * Taxonomy Term
 */
/* line 217, ../sass/8-views.scss */
body.page-taxonomy .taxonomy-term > h2 {
  display: none;
}
body.page-taxonomy .attachment-before {
  width: 45%;
  float: left;
}
@media (max-width: 900px) {
  /* line 217, ../sass/8-views.scss */
  body.page-taxonomy .attachment-before {
    width: 100%;
  }
}
/* line 225, ../sass/8-views.scss */
body.page-taxonomy .attachment-after {
  width: 45%;
  float: right;
}
@media (max-width: 900px) {
  /* line 225, ../sass/8-views.scss */
  body.page-taxonomy .attachment-after {
    width: 100%;
  }
}