/*
******************************************************

  Designed and hand-coded
  by ideajunction.co.uk

  Converted to a Drupal theme by 
  David Whitchurch-Bennett, Drupology
  
******************************************************
  */


  /*body, input { font-family:"futura-pt", sans-serif; font-style:normal; font-weight:400; color:#666; font-size:18px; line-height:24px; }*/
  body, input { font-family:"catamaran", sans-serif; font-style:normal; font-weight:200; color:#666; font-size:15px; line-height:24px; }



  /* Headers */
  h1,
  h2,
  h3,
  h4 { font-family: "futura-pt", sans-serif; font-style:normal; font-weight:300; color:#333; }

  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child { margin-top:0px; }

  h1,
  #block-views-favourites-block-1 h2.block-title { font-size:55px; line-height:50px; margin-top:20px; letter-spacing:-0.06em; }
  h2 { font-size:28px; line-height:26px; margin-top:10px; }

  article li.text h1 { /*display:none;*/ } /* h1 tags shouldn't be used in this position as h1 is for the article, not subsections (i.e. nodes) */
  article li.text h2 { color:#bbb; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; }
  article li.text h3 { font-weight:400; color:#000; }

  /* Selects all subheads, regardless of which <h*> tag it is ...similar effect to the less cool looking: hgroup *:last-child */
  hgroup *:first-child + * { font-weight:400; text-transform:uppercase; font-size:15px; line-height:20px; margin:0; border:none; }



  /* Nav, header, and div.options links */
  header div.options,
  footer { color:#999; font-family:"futura-pt", sans-serif; font-size:15px; }

  nav li a,
  header div.options a { text-transform:uppercase; text-decoration:none; color:#333; font-family:"futura-pt", sans-serif; font-size:15px; } 
  nav li a:hover { color:#000; }

  div.row > header h1,
  header nav.sort-by { color:#72726a; }
  div.row > header h1 { font-size:80px; line-height:80px; padding-bottom:5px; }
  div.explore header h1 { padding-bottom:20px; }
  div.explore div.form-item a { text-transform:uppercase; text-decoration:none; color:#333; }
  div.explore div.bef-select-as-links div.form-item a { font-size:15px; line-height:28px; font-weight:400; }
  div.explore div.views-widget-filter-type div.form-item a { font-size:31px; line-height:60px; font-weight:300; }


  nav.secondary li a:hover,
  div.explore header li a:hover,
  header div.options a:hover { color:#599c18; } 
  header div.options .selected,
  header div.options .unflag-action { color:#b50000; }
  header div.options a.selected:hover,
  header div.options a.unflag-action:hover { color:#999; text-decoration:line-through; }

  footer { line-height:80px; }
  footer nav a { color:#999; }



  /* Paras, anchors */
  p { padding-bottom:10px; }
  a { color:#599c18; }

  a.box-link,
  h2 a { color:#333; text-decoration:none; }
  h2 a:hover { color:#599c18; }
  .box-link, .box-non-link { text-align:center; }
  .view-mode-teaser_sticky .box-link { text-align:left; }

  .button,
  .form-submit,
  ul.primary li a,
  ul.primary li.active a,
  #block-system-user-menu li a { text-decoration:none; color:#fff; text-transform:uppercase; line-height:17px; }



  /* Tile nodes */
  .text { word-wrap:break-word; }

  .text.quote blockquote { font-size:26px; font-style:italic; font-weight:300; line-height:28px; }
  .text.quote cite { font-size:15px; font-style:normal; font-weight:400; }



  /* Box linked nodes (e.g. stories, image tiles) */
  .node-teaser-blurb hgroup h3,
  .node-teaser hgroup h3 { font-size:13px; letter-spacing:0.15em; }
  .meta { color:#ccc; font-size:12px; }
  .meta [class^="icon-"]:before,
  .meta [class*=" icon-"]:before { background:none;
    -webkit-background-clip:none;
    -webkit-text-fill-color:#ccc;
                      color:#ccc;
  }
  .box-link:hover hgroup h2,
  .box-link:hover hgroup h3,
  .box-link:hover .meta { color:#eff5e8; }
  .box-link:hover .meta { color:#9bc474; }
  .box-link:hover .meta [class^="icon-"]:before { color:#9bc474; -webkit-text-fill-color:#9bc474; }

  /* Content nodes */
  .node-tile-image h2,
  .video_ h2 { text-align:center; font-weight:400; font-size:15px; }
  .node-tile-image a { text-decoration:none; }


  /* Comments */
  aside.comments .comments { font-size:14px; line-height:16px; word-wrap:break-word; color:#888; }
  aside.comments h2 { margin-top:18px; border-bottom:1px solid #ccc; }
  aside.comments .comments h3 { font-weight:400; }
  aside.comments .comments h3 a { text-decoration:none; }
  aside.comments .comments h3 a:hover { text-decoration:underline; }
  aside.comments .comments h3 .date { color:#ccc; white-space:nowrap; }



  /* Inline (font-substituted) mini-graphics by fontawesome ...tidyup */
  [class^="icon-"],
  [class*=" icon-"] { margin-bottom:-4px; width:1em; color:#599c18; }
  .selected [class^="icon-"],
  .selected [class*=" icon-"] { width:1em; color:#b50000; }
  .unflag-action [class^="icon-"],
  .unflag-action [class*=" icon-"] { width:1em; color:#b50000; }
  li [class^="icon-"],
  li [class*=" icon-"] { margin-right:-2px; margin-left:-1px; }


  /* Gradients on the mini-graphics (webkit only) */
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    line-height:16px;
    background:-webkit-gradient(linear, left top, left bottom, from(#9ACB47), to(#245E02));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .selected [class^="icon-"]:before,
  .selected [class*=" icon-"]:before,
  .unflag-action [class^="icon-"]:before,
  .unflag-action [class*=" icon-"]:before {
    background:-webkit-gradient(linear, left top, left bottom, from(#ee0000), to(#550000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  a.selected:hover [class^="icon-"]:before,
  a.selected:hover [class*=" icon-"]:before,
  a.unflag-action:hover [class^="icon-"]:before,
  a.unflag-action:hover [class*=" icon-"]:before { background:none;
    -webkit-background-clip:none;
    -webkit-text-fill-color:inherit;
  }
  
  /* Futura Overrides */
  .button,
  .explore form { font-family: "futura-pt", sans-serif; font-size:15px; }