@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400);
/**
 * @file
 * Views Styling
 */
/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */
/* line 18, ../sass/views-styles.scss */
.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}
/* line 24, ../sass/views-styles.scss */
.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}
/* line 29, ../sass/views-styles.scss */
.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}
/* line 31, ../sass/views-styles.scss */
.views-displays .secondary .open > a:hover {
  color: #333;
}
/* line 36, ../sass/views-styles.scss */
.views-displays .secondary .action-list li {
  margin: 0;
}
/* line 38, ../sass/views-styles.scss */
.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}
/* line 41, ../sass/views-styles.scss */
.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

/*
 * Views' tables and RedHen tables
 *
 */
/* 
Generic Table Styling, for Desktops/Laptops 
*/
/* Zebra striping */
/* line 60, ../sass/views-styles.scss */
table tr:nth-child(odd), table tr.odd {
  background: #eee;
}

/* line 64, ../sass/views-styles.scss */
table tr:nth-child(even), table tr.even {
  background: #fafafa;
}

/* Table styles */
/* line 69, ../sass/views-styles.scss */
table {
  width: 100%;
  border-collapse: collapse;
}

/* line 74, ../sass/views-styles.scss */
td, th {
  overflow: hidden;
  padding: 9px 10px;
  border: 1px solid #ccc;
  text-align: left;
}

/* line 81, ../sass/views-styles.scss */
th {
  padding: 9px 10px;
  background: #a8a8a8;
  color: #222;
  border-right: 1px solid #929292;
  border-left: 1px solid #929292;
  border-top: 1px solid #929292;
  border-bottom: 3px solid #CCC;
  font-weight: bold;
}
/* line 91, ../sass/views-styles.scss */
th a, th a:link, th a:visited {
  color: #006699;
}
/* line 94, ../sass/views-styles.scss */
th a:hover {
  color: #0088cc;
}

/* 
Code repurposed from Chris Coyier's Responsive Tables
http://css-tricks.com/responsive-data-tables/

TODO: Need to show th row
*/
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 480px) {
  /* Force table to not be like tables anymore */
  /* line 114, ../sass/views-styles.scss */
  table, thead, tbody, th, td, tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  /* line 119, ../sass/views-styles.scss */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* line 124, ../sass/views-styles.scss */
  th {
    border: none;
  }

  /* line 128, ../sass/views-styles.scss */
  tr {
    border: 1px solid #ccc;
  }

  /* line 130, ../sass/views-styles.scss */
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: none;
    position: relative;
    padding-left: 0%;
  }

  /* line 138, ../sass/views-styles.scss */
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
}