.node-type-learning-resources .field-item {
  font-size: 110%; }
.node-type-learning-resources .lr-content-header {
  clear: both;
  overflow: hidden; }
  .node-type-learning-resources .lr-content-header h1.campl-sub-title {
    margin: 0 0 0.6em;
    font-size: 210%; }
  .node-type-learning-resources .lr-content-header .lr-content-body > div {
    background: transparent url("/sites/all/modules/learning_resources/css/info32.png") top left no-repeat;
    padding-left: 48px; }
    .node-type-learning-resources .lr-content-header .lr-content-body > div .field-label-inline label,
    .node-type-learning-resources .lr-content-header .lr-content-body > div .field-label-inline .field-items {
      float: none;
      display: inline; }
    .node-type-learning-resources .lr-content-header .lr-content-body > div .field-name-field-topics .field-item {
      display: inline; }
      .node-type-learning-resources .lr-content-header .lr-content-body > div .field-name-field-topics .field-item:after {
        content: ", ";
        display: inline; }
      .node-type-learning-resources .lr-content-header .lr-content-body > div .field-name-field-topics .field-item:last-child:after {
        content: ""; }
  @media screen and (min-width: 900px) {
    .node-type-learning-resources .lr-content-header > div {
      width: 49%;
      margin: 2em 0 2em 0; }
      .node-type-learning-resources .lr-content-header > div.lr-content-body {
        float: left;
        clear: left; }
      .node-type-learning-resources .lr-content-header > div.lr-first-item {
        float: right;
        clear: right; } }

body.node-type-learning-resources .campl-recessed-content {
  padding-top: 3em; }

.lr-first-item {
  clear: both;
  overflow: hidden; }
  .lr-first-item .lr-inner {
    padding: 0;
    overflow: visible;
    clear: both;
    margin: 1em 10px 1em 10px;
    box-shadow: 0 1px 4px rgba(80, 80, 80, 0.5);
    min-height: 200px;
    position: relative;
    z-index: 1; }
    .lr-first-item .lr-inner h2 {
      color: #fff !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.15em;
      font-weight: normal;
      padding: 0.5em 0 0.5em 0;
      line-height: 1.2em;
      margin: 0 0 1.25em 0;
      background-color: #4b701c; }
    .lr-first-item .lr-inner.lr-presentation h2 {
      background-color: #dc8a14; }
    .lr-first-item .lr-inner h2 {
      text-align: center;
      line-height: 1.2em;
      margin: 0 0 0 0;
      border-bottom: 5px solid rgba(0, 0, 0, 0.05); }
    .lr-first-item .lr-inner .lr-thumbnail {
      display: block;
      margin: 0 auto;
      text-align: center; }
      .lr-first-item .lr-inner .lr-thumbnail img {
        max-width: 100%; }
    .lr-first-item .lr-inner .lr-body {
      margin: 0;
      padding-bottom: 32px; }
    .lr-first-item .lr-inner .links {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0; }
      .lr-first-item .lr-inner .links div {
        display: table;
        margin: 0;
        width: 100%; }
        .lr-first-item .lr-inner .links div a {
          color: #fff;
          background-color: #4b701c;
          font-size: 1.0em;
          padding: 0 0.5em;
          display: table-cell;
          vertical-align: middle;
          height: 32px;
          position: relative; }
          .lr-first-item .lr-inner .links div a:after {
            content: "";
            background-color: #000;
            top: 0;
            bottom: 0;
            right: 0;
            width: 32px;
            height: 32px;
            position: absolute;
            text-align: center; }
          .lr-first-item .lr-inner .links div a:before {
            position: absolute;
            top: 10px;
            right: 12px;
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-right: 0.2em solid white;
            border-top: 0.2em solid white;
            transform: rotate(45deg);
            z-index: 2; }

.field.lr-7-11 {
  clear: both;
  overflow: hidden; }
  .field.lr-7-11 .field-items .field-item {
    font-size: 110%; }
    .field.lr-7-11 .field-items .field-item h2 {
      color: #fff !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.15em;
      font-weight: normal;
      padding: 0.5em 0 0.5em 0;
      line-height: 1.2em;
      margin: 0 0 1.25em 0;
      background-color: #4b701c; }
    .field.lr-7-11 .field-items .field-item.lr-presentation h2 {
      background-color: #dc8a14; }
    .field.lr-7-11 .field-items .field-item .lr-inner {
      padding: 0;
      overflow: visible;
      clear: both;
      margin: 1em 10px 1em 10px;
      box-shadow: 0 1px 4px rgba(80, 80, 80, 0.5);
      min-height: 181px;
      position: relative;
      z-index: 1; }
      .field.lr-7-11 .field-items .field-item .lr-inner h2 {
        font-size: 1.05em;
        padding: 0.5em 0.8em;
        margin: 0 0 0.5em 0; }
      .field.lr-7-11 .field-items .field-item .lr-inner .lr-thumbnail {
        position: absolute;
        width: 150px;
        height: 141px;
        overflow: hidden;
        background-color: #fff;
        margin-top: -4px;
        transform: rotate(-5deg);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
        text-align: center;
        padding: 0;
        border: 3px solid white; }
        .field.lr-7-11 .field-items .field-item .lr-inner .lr-thumbnail img {
          max-width: 100%;
          width: 100%; }
      .field.lr-7-11 .field-items .field-item .lr-inner .lr-body {
        margin: 0 0 0 170px;
        padding-bottom: 32px; }
      .field.lr-7-11 .field-items .field-item .lr-inner .links {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 36%; }
        .field.lr-7-11 .field-items .field-item .lr-inner .links div {
          display: table;
          margin: 0;
          width: 100%; }
          .field.lr-7-11 .field-items .field-item .lr-inner .links div a {
            color: #fff;
            background-color: #4b701c;
            font-size: 1.0em;
            padding: 0 0.5em;
            display: table-cell;
            vertical-align: middle;
            height: 32px;
            position: relative; }
            .field.lr-7-11 .field-items .field-item .lr-inner .links div a:after {
              content: "";
              background-color: #000;
              top: 0;
              bottom: 0;
              right: 0;
              width: 32px;
              height: 32px;
              position: absolute;
              text-align: center; }
            .field.lr-7-11 .field-items .field-item .lr-inner .links div a:before {
              position: absolute;
              top: 10px;
              right: 12px;
              content: "";
              display: inline-block;
              width: 10px;
              height: 10px;
              border-right: 0.2em solid white;
              border-top: 0.2em solid white;
              transform: rotate(45deg);
              z-index: 2; }
        @media screen and (max-width: 640px) {
          .field.lr-7-11 .field-items .field-item .lr-inner .links {
            width: 55%; } }

.field.lr-11-14 {
  clear: both;
  overflow: hidden; }
  .field.lr-11-14 .field-items .field-item {
    font-size: 110%; }
    .field.lr-11-14 .field-items .field-item h2 {
      color: #fff !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.15em;
      font-weight: normal;
      padding: 0.5em 0 0.5em 0;
      line-height: 1.2em;
      margin: 0 0 1.25em 0;
      background-color: #4b701c; }
    .field.lr-11-14 .field-items .field-item.lr-presentation h2 {
      background-color: #dc8a14; }
    .field.lr-11-14 .field-items .field-item .lr-inner {
      padding: 0;
      overflow: visible;
      clear: both;
      margin: 1em 10px 1em 10px;
      box-shadow: 0 1px 4px rgba(80, 80, 80, 0.5);
      min-height: 181px;
      position: relative;
      z-index: 1; }
      .field.lr-11-14 .field-items .field-item .lr-inner h2 {
        font-size: 1.05em;
        padding: 0.5em 0.8em;
        margin: 0 0 0.5em 0; }
      .field.lr-11-14 .field-items .field-item .lr-inner .lr-thumbnail {
        position: absolute;
        width: 150px;
        height: 141px;
        overflow: hidden;
        background-color: #fff;
        margin-top: -4px;
        transform: rotate(-5deg);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
        text-align: center;
        padding: 0;
        border: 3px solid white; }
        .field.lr-11-14 .field-items .field-item .lr-inner .lr-thumbnail img {
          max-width: 100%;
          width: 100%; }
      .field.lr-11-14 .field-items .field-item .lr-inner .lr-body {
        margin: 0 0 0 170px;
        padding-bottom: 32px; }
      .field.lr-11-14 .field-items .field-item .lr-inner .links {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 36%; }
        .field.lr-11-14 .field-items .field-item .lr-inner .links div {
          display: table;
          margin: 0;
          width: 100%; }
          .field.lr-11-14 .field-items .field-item .lr-inner .links div a {
            color: #fff;
            background-color: #4b701c;
            font-size: 1.0em;
            padding: 0 0.5em;
            display: table-cell;
            vertical-align: middle;
            height: 32px;
            position: relative; }
            .field.lr-11-14 .field-items .field-item .lr-inner .links div a:after {
              content: "";
              background-color: #000;
              top: 0;
              bottom: 0;
              right: 0;
              width: 32px;
              height: 32px;
              position: absolute;
              text-align: center; }
            .field.lr-11-14 .field-items .field-item .lr-inner .links div a:before {
              position: absolute;
              top: 10px;
              right: 12px;
              content: "";
              display: inline-block;
              width: 10px;
              height: 10px;
              border-right: 0.2em solid white;
              border-top: 0.2em solid white;
              transform: rotate(45deg);
              z-index: 2; }
        @media screen and (max-width: 640px) {
          .field.lr-11-14 .field-items .field-item .lr-inner .links {
            width: 55%; } }
    .field.lr-11-14 .field-items .field-item .lr-inner .links {
      left: 0;
      font-size: 85%;
      width: 100%; }
    .field.lr-11-14 .field-items .field-item .lr-inner {
      min-height: 230px; }

.lr-nodes {
  clear: both;
  overflow: hidden; }
  .lr-nodes.lr-nodes-7-11 .lr-node {
    font-size: 110%; }
    .lr-nodes.lr-nodes-7-11 .lr-node h2 {
      color: #fff !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.15em;
      font-weight: normal;
      padding: 0.5em 0 0.5em 0;
      line-height: 1.2em;
      margin: 0 0 1.25em 0;
      background-color: #4b701c; }
    .lr-nodes.lr-nodes-7-11 .lr-node.lr-presentation h2 {
      background-color: #dc8a14; }
    @media screen and (min-width: 900px) {
      .lr-nodes.lr-nodes-7-11 .lr-node {
        width: 49%;
        margin: 0.5em 0; }
        .lr-nodes.lr-nodes-7-11 .lr-node.even {
          float: left;
          clear: left; }
        .lr-nodes.lr-nodes-7-11 .lr-node.odd {
          float: right;
          clear: right; } }
    .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner {
      min-height: 230px;
      padding: 0;
      overflow: visible;
      clear: both;
      margin: 2em 8px 1.5em 8px;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
      position: relative;
      z-index: 1; }
      .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner h2 {
        padding: 0.5em 0 0.5em 220px; }
      .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .lr-thumbnail {
        position: absolute;
        width: 200px;
        top: -5px;
        left: -5px;
        text-align: center; }
        .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .lr-thumbnail img {
          border-radius: 200px;
          max-width: 100%; }
      .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .lr-body {
        margin: 0 0 0 220px;
        padding-bottom: 32px; }
      .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .links {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: right; }
        .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .links div {
          display: table;
          margin: 0;
          width: 100%; }
          .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .links div a {
            color: #fff;
            background-color: #4b701c;
            font-size: 1.0em;
            padding: 0 0.5em;
            display: table-cell;
            vertical-align: middle;
            height: 32px;
            position: relative; }
            .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .links div a:after {
              content: "";
              background-color: #000;
              top: 0;
              bottom: 0;
              right: 0;
              width: 32px;
              height: 32px;
              position: absolute;
              text-align: center; }
            .lr-nodes.lr-nodes-7-11 .lr-node .lr-inner .links div a:before {
              position: absolute;
              top: 10px;
              right: 12px;
              content: "";
              display: inline-block;
              width: 10px;
              height: 10px;
              border-right: 0.2em solid white;
              border-top: 0.2em solid white;
              transform: rotate(45deg);
              z-index: 2; }
  .lr-nodes.lr-nodes-11-14 .lr-node h2 {
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.15em;
    font-weight: normal;
    padding: 0.5em 0 0.5em 0;
    line-height: 1.2em;
    margin: 0 0 1.25em 0;
    background-color: #4b701c; }
  .lr-nodes.lr-nodes-11-14 .lr-node.lr-presentation h2 {
    background-color: #dc8a14; }
  .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner {
    padding: 0;
    overflow: visible;
    clear: both;
    margin: 2em 20px 3em 20px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    min-height: 190px;
    position: relative;
    z-index: 1; }
    .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner h2 {
      padding: 0.5em 0 0.5em 220px; }
    .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .lr-thumbnail {
      position: absolute;
      width: 200px;
      top: -5px;
      left: -5px;
      text-align: center; }
      .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .lr-thumbnail img {
        border-radius: 200px;
        max-width: 100%;
        width: 200px;
        height: 200px; }
    .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .lr-body {
      margin: 0 0 0 220px;
      padding-bottom: 32px; }
    .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .links {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 220px; }
      .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .links div {
        display: table;
        margin: 0;
        width: 100%; }
        .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .links div a {
          color: #fff;
          background-color: #4b701c;
          font-size: 1.0em;
          padding: 0 0.5em;
          display: table-cell;
          vertical-align: middle;
          height: 32px;
          position: relative; }
          .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .links div a:after {
            content: "";
            background-color: #000;
            top: 0;
            bottom: 0;
            right: 0;
            width: 32px;
            height: 32px;
            position: absolute;
            text-align: center; }
          .lr-nodes.lr-nodes-11-14 .lr-node .lr-inner .links div a:before {
            position: absolute;
            top: 10px;
            right: 12px;
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-right: 0.2em solid white;
            border-top: 0.2em solid white;
            transform: rotate(45deg);
            z-index: 2; }

@media screen and (min-width: 480px) {
  .field-type-learning-resources-item,
  .lr-nodes,
  .lr-first-item {
    font-size: 100%; } }
@media screen and (max-width: 767px) {
  .field-type-learning-resources-item,
  .lr-nodes,
  .lr-first-item {
    font-size: 90%; } }
@media screen and (min-width: 900px) {
  .field-type-learning-resources-item {
    clear: both;
    overflow: hidden;
    margin-bottom: 2em; }
    .field-type-learning-resources-item .field-items .field-item {
      width: 49%;
      margin: 0.5em 0; }
      .field-type-learning-resources-item .field-items .field-item.even {
        float: left;
        clear: left; }
      .field-type-learning-resources-item .field-items .field-item.odd {
        float: right;
        clear: right; }

  .lr-nodes {
    clear: both;
    overflow: hidden; } }
@media screen and (max-width: 480px) {
  .field-type-learning-resources-item {
    clear: both;
    overflow: visible; }
    .field-type-learning-resources-item .field-items .field-item .lr-inner {
      position: relative; }
      .field-type-learning-resources-item .field-items .field-item .lr-inner h2 {
        font-size: 1.15em;
        line-height: 1.2em; }
      .field-type-learning-resources-item .field-items .field-item .lr-inner .lr-thumbnail {
        float: none;
        width: auto;
        margin: 1em auto;
        max-width: 200px;
        text-align: center; }
        .field-type-learning-resources-item .field-items .field-item .lr-inner .lr-thumbnail img {
          max-width: 100%; }
      .field-type-learning-resources-item .field-items .field-item .lr-inner .lr-body {
        float: none;
        width: auto;
        margin: 1em 0 0 0;
        padding-bottom: 32px; }
      .field-type-learning-resources-item .field-items .field-item .lr-inner .links {
        position: inherit;
        width: auto; }

  .lr-nodes {
    clear: both;
    overflow: visible; }
    .lr-nodes .lr-node .lr-inner {
      position: relative; }
      .lr-nodes .lr-node .lr-inner h2 {
        font-size: 1.15em;
        line-height: 1.2em;
        padding: 0.5em 0 0.5em 120px; }
      .lr-nodes .lr-node .lr-inner .lr-thumbnail {
        float: none;
        width: auto;
        margin: 0em auto;
        max-width: 120px;
        text-align: center; }
        .lr-nodes .lr-node .lr-inner .lr-thumbnail img {
          max-width: 100%; }
      .lr-nodes .lr-node .lr-inner .lr-body {
        float: none;
        width: auto;
        margin: 3.5em 0 0 2em;
        padding-bottom: 32px; }
      .lr-nodes .lr-node .lr-inner .links {
        position: inherit;
        width: auto; } }
.node-learning-resources h3.button {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  position: relative;
  top: -1em;
  margin-left: 1em !important;
  float: right;
  padding-left: 40px;
  background-image: url("/sites/all/themes/custom_css/img/info-alt.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 5% 50%; }
  .node-learning-resources h3.button a {
    font-style: normal; }
.node-learning-resources .button {
  font-size: 1.2em;
  line-height: 1.2;
  padding: 0.5em 1em 1em;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  background-color: #eee;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 0.5em;
  cursor: pointer; }
  .node-learning-resources .button .material-icons {
    font-size: 1.2em;
    line-height: inherit;
    position: relative;
    top: 4px;
    margin-right: 5px; }

.lr-cols {
  margin: 1em 0;
  clear: both;
  overflow: hidden; }
  .lr-cols .lr-col {
    float: left;
    margin-right: 3%; }
  .lr-cols .lr-col-first {
    width: 300px; }

body:not(.page-node-edit) iframe.lr-video {
  display: none; }
body:not(.page-node-edit) .remodal-wrapper iframe.lr-video {
  display: inline-block; }

.lr-green:after, .lr-blue:after, .lr-beige:after, .lr-red:after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; }

.lr-green:after {
  content: "";
  background: url("/sites/all/modules/learning_resources/backgrounds/learning-bg-green-paper.jpg"); }

.lr-blue:after {
  content: "";
  background: url("/sites/all/modules/learning_resources/backgrounds/learning-bg-blue-paper.jpg"); }

.lr-red:after {
  content: "";
  background: url("/sites/all/modules/learning_resources/backgrounds/learning-bg-red-paper.jpg"); }

.lr-beige:after {
  content: "";
  background: url("/sites/all/modules/learning_resources/backgrounds/learning-bg-beige-paper.jpg"); }

.lr-inner.lr-offer-lifetime h2 {
  background-color: #F3BD48 !important; }

.lr-inner.lr-doing-darwin-s-experiments h2 {
  background-color: #AAB300 !important; }

.lr-inner.lr-beagle-voyage h2 {
  background-color: #003E74 !important; }

.lr-inner.lr-darwin-s-scientific-women h2 {
  background-color: #422E5D !important; }

.lr-inner.lr-darwin-and-slavery h2 {
  background-color: #CB4F00 !important; }

.lr-inner.lr-darwin-and-religion h2 {
  background-color: #D6083B !important; }

.lr-inner.lr-how-dangerous-was-darwin h2 {
  background-color: #901C3B !important; }

.lr-reveal {
  clear: both; }
  .lr-reveal .lr-reveal-button {
    margin-top: -15px;
    position: relative;
    text-align: center; }
    .lr-reveal .lr-reveal-button a {
      display: inline-block;
      margin: 0 auto;
      outline: none;
      border: 1px solid rgba(80, 80, 80, 0.35);
      white-space: nowrap;
      background: #fffefe;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fffefe 0%, #fefcf2 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefe), color-stop(100%, #fefcf2));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fffefe, #fefcf2);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fffefe 0%, #fefcf2 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #fffefe 0%, #fefcf2 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #fffefe 0%, #fefcf2 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#fefcf2', GradientType=0);
      /* IE6-9 */
      color: #000 !important;
      font-family: "myriad-pro", myriad, verdana, arial, sans-serif;
      font-size: 1.25em;
      padding: 0.375em 48px 0.375em 0.75em;
      position: relative;
      z-index: 2; }
      .lr-reveal .lr-reveal-button a:after {
        content: "";
        background-color: #4b701c;
        top: 0;
        bottom: 0;
        right: 0;
        width: 32px;
        position: absolute;
        text-align: center; }
      .lr-reveal .lr-reveal-button a:before {
        position: absolute;
        top: 5px;
        right: 10px;
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 0.2em solid white;
        border-top: 0.2em solid white;
        transform: rotate(135deg);
        z-index: 2; }
      .lr-reveal .lr-reveal-button a.revealed:before {
        top: 11px;
        transform: rotate(315deg); }
    .lr-reveal .lr-reveal-button:after {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 14px;
      display: block;
      background: rgba(80, 80, 80, 0.15);
      height: 1px;
      overflow: hidden;
      border-bottom: 1px solid rgba(80, 80, 80, 0.15);
      margin-bottom: 10px; }
  .lr-reveal .lr-reveal-content {
    border: 1px solid rgba(80, 80, 80, 0.15);
    max-height: 0;
    transition: max-height 0.35s ease-out;
    overflow: hidden;
    width: 100%; }
    .lr-reveal .lr-reveal-content.revealed {
      max-height: 1000px;
      transition: max-height 0.45s ease-in; }
    .lr-reveal .lr-reveal-content .inner {
      padding: 0 10px 24px 10px; }

/*# sourceMappingURL=learning_resources.css.map */