@charset "UTF-8";
/**
[Name] Colours
[Section] Carlton

[Description]

Shared colours we reuse where we can.

[Example]
<%
  colours = {
    '$tc_red' => '#d8352a',
    '$tc_grey' => '#383838',
    '$conv_grey' => '#727272',
    '$conv_grey_dark' => '#5d5d5d',
    '$conv_grey_light' => '#f4f5f7',
    '$facebook_blue' => '#3a5a93',
    '$twitter_blue' => '#00b0e9',
    '$linkedin_blue' => '#0181b2',
    '$orcid_green' => '#a6ce39',
    '$rss_orange' => '#eb7f3e',
    '$top-bar-border' => '#eaeaea',
    '$google_orange' => '#de4931',
    '$whatsapp_blue' => '#455a64',
    '$fb_messenger_blue' => '#0084ff'
  }
%>

<ul class="vivus-colour-examples">
  <% colours.each do |colour| %>
    <li style="
      background-color: <%= colour[1] %>;
      list-style: none;
      float: left;
      width: 150px;
      height: 150px;
      margin: 0 20px 60px 0;
      position: relative;">
      <span style="position: absolute; bottom: -40px;">
        <%= colour[0] %><br /><%= colour[1] %>
      </span>
    </li>
  <% end %>
</ul>
**/
/**
[Name]
[Section] Colours

[Description]

We have a default set of colours we reuse where we can.

[Example]
<%
  colours = {
    '$link_blue' => '#069',
    '$link_visited' => '#557585',
    '$link_blue_hover' => '#2d8cd6',
    '$newsletter_bgcolor' => '#faf7f4',
    '$newsletter_txt' => '#65635f',
    '$post_tile_bgcolor' => '#f6f7fa',
    '$friends_of_tc_red' => '#e50c20',
    '$eb-red' => '#da352a',
    '$eb-orange' => '#f5a623',
    '$eb-green' => '#50e3c2',
    '$eb-blue' => '#4a90e2',
    '$authentication_grey' => '#fafafa',
    '$footer-primary' => '#e43a3c',
    '$footer-primary-link' => '#fdb3b8',
    '$footer-dark-red' => '#c03139',
    '$footer-pink' => '#ffa0a5',
    '$article_gray' => '#727272',
  }
%>

<ul class="vivus-colour-examples">
  <% colours.each do |colour| %>
    <li style="
      background-color: <%= colour[1] %>;
      list-style: none;
      float: left;
      width: 150px;
      height: 150px;
      margin: 0 20px 60px 0;
      position: relative;">
      <span style="position: absolute; bottom: -40px;">
        <%= colour[0] %><br /><%= colour[1] %>
      </span>
    </li>
  <% end %>
</ul>
**/
/**
[Name] Topic Ribbons
[Section] Placements
[Description]
Adds the 'Topic' ribbon to highlight which topic that article is tagged with.
[Example]
<section class="wrapper page-area">
  <div class="blockset blocks-1x1-vertical grid-three">
    <div class="blocks-1x1 slammed">
      <div class="page-area container block">
        <article class="clearfix placed analysis published">
          <figure>
            <a class="article-link" href="#">
              <img src="http://placehold.it/324x324">
            </a>
            <figcaption>
              <span class="caption">Caption text goes here</span>
              <span class="source" title="Source">Source</span>
            </figcaption>
          </figure>

          <header>
            <!-- The h4.category is the topic ribbon -->
            <h4 class="category" data-raw="">Check out this sweet topic!</h4>
            <h2><a href="#">Article Title</a></h2>
            <p class="byline">
              <span>By <a href="#">Author Name</a><em>, Institution Name</em></span>
            </p>
          </header>
        </article>
      </div>
    </div>
  </div>
</section>
**/
@-webkit-keyframes (progress) {
  100% {
    background-position: -60px 0; } }
@keyframes (progress) {
  100% {
    background-position: -60px 0; } }

/**
[Name] Typography - League Gothic
[Section] Carlton
[Description]
League Gothic font. Used for headings in some places.
**/
@font-face {
  font-family: "LeagueGothicRegular";
  src: url(/assets/league_gothic-ee7c3ac6fcfb162a285700082f0ea9c9.eot);
  src: url(/assets/league_gothic-ee7c3ac6fcfb162a285700082f0ea9c9.eot?#iefix) format("embedded-opentype"), url(/assets/league_gothic-d6edd0e7d6e924072292f6826057aec3.woff) format("woff"), url(/assets/league_gothic-401fad31e190c6b447d592827bf4a01f.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

/**
[Name] Typography - Meslo
[Section] Carlton
[Description]
Meslo font. Used for code and other monospaced text.
**/
@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-regular-webfont-8cc8d397467dfd3b15bc9f64e9ab42a3.eot);
  src: url(/assets/meslolgm-dz-regular-webfont-8cc8d397467dfd3b15bc9f64e9ab42a3.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-regular-webfont-212451c5410e147872a6155fc027788c.woff) format("woff"), url(/assets/meslolgm-dz-regular-webfont-cb1f3efc805280875a7e272308dec43c.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-bold-webfont-01f73275280d444e4fcabce2fe47da3b.eot);
  src: url(/assets/meslolgm-dz-bold-webfont-01f73275280d444e4fcabce2fe47da3b.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-bold-webfont-4ae3fcb502b92c8ecc3d4360dd50bf47.woff) format("woff"), url(/assets/meslolgm-dz-bold-webfont-9859c79034c0d27afa4cae2e2d71ee89.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-italic-webfont-57d2399bc2ca3c7f1a3e4d4f49431c4b.eot);
  src: url(/assets/meslolgm-dz-italic-webfont-57d2399bc2ca3c7f1a3e4d4f49431c4b.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-italic-webfont-9775cdbf314c24971031a6bf03bf4165.woff) format("woff"), url(/assets/meslolgm-dz-italic-webfont-c09bfc8b0e5eff99a784b3c7a073ac81.ttf) format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-bolditalic-webfont-4df02b627e9c14073e502e433b763f02.eot);
  src: url(/assets/meslolgm-dz-bolditalic-webfont-4df02b627e9c14073e502e433b763f02.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-bolditalic-webfont-d38b3c021d3cbe47b717fdbda788c0b7.woff) format("woff"), url(/assets/meslolgm-dz-bolditalic-webfont-800b43cb8ef81860efc2a9cc7d5da496.ttf) format("truetype");
  font-weight: bold;
  font-style: italic; }

.article-section article {
  margin-bottom: 18px; }
  .article-section article time, .article-section article .category {
    display: none; }
  .article-section article h2 {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 0; }
  .article-section article figure a.article-link {
    display: block; }
    .article-section article figure a.article-link img {
      width: 100%;
      display: block; }
  .article-section article figure figcaption {
    color: #999;
    font-size: 11px;
    line-height: 18px; }
  .article-section article .icon-audio + span, .article-section article .icon-video + span {
    padding-left: 0.2em; }

.article-section .lead-story h2 {
  font-size: 21px;
  line-height: 1.2em; }
  .article-section .lead-story h2 figure {
    display: block; }

.article-section .b-format article figure {
  display: none; }

.article-section .c-format article h2 {
  font-size: 13px; }

.article-section .c-format article .byline, .article-section .c-format article .content, .article-section .c-format article figure {
  display: none; }

.article-section .d-format article {
  background: transparent url(/assets/bullet-6c6e6fb28ad81d6f2d9471306b11322e.png) no-repeat 0 0;
  padding-left: 20px;
  margin-bottom: 6px; }
  .article-section .d-format article h2 {
    font-size: 13px; }
    .article-section .d-format article h2 a {
      display: block; }
  .article-section .d-format article .byline, .article-section .d-format article .content, .article-section .d-format article figure {
    display: none; }

.angled-header {
  background: url(/assets/angled-header/background-32d800825f1afbf537224edb330e1632.png) center top repeat;
  margin-top: -48px;
  margin-bottom: 48px;
  padding: 48px 0 100px;
  position: relative;
  overflow: hidden; }
  .angled-header:after {
    background: #fff;
    bottom: -120px;
    content: "";
    height: 200px;
    left: -10%;
    position: absolute;
    -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
    width: 120%; }
  .angled-header p {
    font-size: 16px;
    line-height: 1.45; }

@media only screen and (max-width: 599px) {
  .angled-header {
    margin-bottom: -30px; } }

/**
[Name] Authentication
[Section]
[Description]

Styles shared by ```sessions#new``` and ```users#new```, the ```.tc-authentication``` holds the two
auth methods (via email, or via social media oAuth providers), as well as misc blocks that we also
display on the page (newsletter signups, ToC, and a notice telling potential readers to play nice).

[Example]
<div class="wrapper">
  <section class="tc-authentication [tc-sign-up|tc-sign-in]">
    <div class="grid-six grid-right grid-last">
      <aside class="social-authentication authentication-method">
        ...
      </aside>
      <div class="or"><span>or</span></div>
    </div>

    <div class="grid-ten grid-left">
      <section class="email-authentication authentication-method">
        ...
      </section>

      <aside class="note-of-intent">
        ...
      </aside>

      <p class="new-profiles">
        ...
      </p>
    </div>
  </section>
</div>
**/
.tc-authentication {
  clear: left; }
  .tc-authentication .actions button {
    float: right;
    padding: 6px 9px; }
  .tc-authentication .email-authentication {
    padding-right: 14px;
    padding-bottom: 24px; }
    .tc-authentication .email-authentication:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0; }
    .tc-authentication .email-authentication .forgot-password {
      display: block;
      float: left;
      padding-top: 12px; }
  .tc-authentication .newsletter-signup-regions {
    padding-bottom: 12px; }
  .tc-authentication .social-authentication {
    clear: both;
    position: relative;
    padding-bottom: 36px;
    padding-left: 36px;
    padding-right: 0;
    padding-top: 4px; }
    .tc-authentication .social-authentication ul {
      list-style: none; }
    .tc-authentication .social-authentication .provider {
      -webkit-transition: background-color 0.25s ease-in-out;
      -o-transition: background-color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out;
      line-height: 24px;
      padding: 6px;
      margin-top: 20px;
      display: block;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      color: #fff;
      border: 1px solid transparent; }
      .tc-authentication .social-authentication .provider i {
        padding-right: 0.15em;
        padding-left: 0.25em;
        line-height: 1; }
      .tc-authentication .social-authentication .provider i:before {
        color: #fff; }
    .tc-authentication .social-authentication li:last-child .provider {
      margin-bottom: 0; }
    .tc-authentication .social-authentication .facebook {
      background-color: #3a5a93;
      text-shadow: 0 1px 0 #2c446e; }
      .tc-authentication .social-authentication .facebook:hover {
        background-color: #4971b7; }
    .tc-authentication .social-authentication .twitter {
      background-color: #00b0e9;
      text-shadow: 0 1px 0 #0089b6; }
      .tc-authentication .social-authentication .twitter:hover {
        background-color: #1dc8ff; }
    .tc-authentication .social-authentication .google {
      background-color: #de4931;
      text-shadow: 0 1px 0 #be341e; }
      .tc-authentication .social-authentication .google:hover {
        background-color: #e5705d; }
    .tc-authentication .social-authentication .linkedin {
      background-color: #0181b2;
      text-shadow: 0 1px 0 #015c7f; }
      .tc-authentication .social-authentication .linkedin:hover {
        background-color: #01a6e5; }
  .tc-authentication .or {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(216, 53, 42, 0)), color-stop(50%, #d8352a), to(rgba(216, 53, 42, 0)));
    background: -webkit-linear-gradient(top, rgba(216, 53, 42, 0) 0%, #d8352a 50%, rgba(216, 53, 42, 0) 100%);
    background: -o-linear-gradient(top, rgba(216, 53, 42, 0) 0%, #d8352a 50%, rgba(216, 53, 42, 0) 100%);
    background: linear-gradient(to bottom, rgba(216, 53, 42, 0) 0%, #d8352a 50%, rgba(216, 53, 42, 0) 100%);
    /* W3C */
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px; }
    .tc-authentication .or span {
      background-color: #d8352a;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      color: #fff;
      display: block;
      font-size: 11px;
      height: 33px;
      line-height: 33px;
      margin-left: -16px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 84px;
      width: 33px; }
  .tc-authentication .note-of-intent {
    border-top: 1px solid #f6f6f6;
    padding: 24px 0;
    margin-top: 10px; }
  .tc-authentication .tc-signup-terms-and-submit {
    padding-top: 18px; }
  .tc-authentication form.newform fieldset.inputs > ol > li {
    border-bottom: 0; }
  .tc-authentication form.newform fieldset.inputs > ol > li input {
    -webkit-box-shadow: none;
            box-shadow: none;
    line-height: 24px; }
  .tc-authentication #reader_regions_input label {
    padding-right: 20px;
    width: auto; }

@media only screen and (max-width: 599px) {
  .tc-authentication {
    font-size: 13px; }
    .tc-authentication .authentication-method {
      padding-right: 0; }
    .tc-authentication .email-authentication {
      background-color: #f8f8f8;
      margin-left: -10px;
      margin-right: -10px;
      padding: 10px; }
    .tc-authentication .social-authentication {
      padding-left: 0; }
    .tc-authentication .note-of-intent {
      border: none; }
    .tc-authentication .or {
      top: 100%;
      left: 0;
      height: 1px;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(rgba(216, 53, 42, 0)), color-stop(50%, #d8352a), to(rgba(216, 53, 42, 0)));
      background: -webkit-linear-gradient(left, rgba(216, 53, 42, 0) 0%, #d8352a 50%, rgba(216, 53, 42, 0) 100%);
      background: -o-linear-gradient(left, rgba(216, 53, 42, 0) 0%, #d8352a 50%, rgba(216, 53, 42, 0) 100%);
      background: linear-gradient(to right, rgba(216, 53, 42, 0) 0%, #d8352a 50%, rgba(216, 53, 42, 0) 100%);
      /* W3C */ }
      .tc-authentication .or span {
        left: 50%;
        top: -15px; }
    .tc-authentication .or:before {
      top: -16px;
      left: 50%; }
    .tc-authentication .actions button {
      width: 100%;
      border: 0;
      padding: 10px 0; }
    .tc-authentication .inline-hints {
      display: none; }
    .tc-authentication form.newform fieldset.inputs > ol > li {
      padding: 7px 0 10px; }
    .tc-authentication form.newform .input label {
      padding: 5px 0;
      line-height: normal; } }

/**
[Name] Engagement Bar
[Section] Page furniture
[Description]

As part of informing new users as to what makes The Conversation different,
an 'engagement bar' was added to the top of the website with clickable
sections explaining the difference between us and other media outlets.

**/
#eb {
  height: 110px;
  margin: 0;
  overflow-x: hidden;
  position: relative;
  z-index: 1; }
  #eb + #header {
    border-top: 0; }
  .region_africa #eb .eb-hide-for-africa {
    display: none; }
  .region_au #eb .eb-hide-for-au {
    display: none; }
  .region_fr #eb .eb-hide-for-fr {
    display: none; }
  .region_uk #eb .eb-hide-for-uk {
    display: none; }
  .region_us #eb .eb-hide-for-us {
    display: none; }
  #eb .wrapper {
    left: 50%;
    margin-left: -486px;
    overflow: hidden;
    position: absolute; }
    @media only screen and (min-width: 1466px) {
      #eb .wrapper {
        margin-left: -678px; } }
  #eb .eb-wrapper {
    height: 110px;
    overflow-x: hidden; }
  #eb .eb-bgs div {
    height: 110px;
    position: absolute;
    top: 0;
    width: 50%; }
  #eb .eb-bgs .eb-bg-1 {
    background-color: #da352a;
    left: 0;
    z-index: 2; }
  #eb .eb-bgs .eb-bg-2 {
    background-color: #4a90e2;
    right: 0;
    z-index: 2; }
  #eb .eb-part {
    height: 110px;
    position: absolute;
    top: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
    width: 61%; }
    #eb .eb-part.active .content {
      -webkit-transition: opacity 0.1s ease-in-out;
      -o-transition: opacity 0.1s ease-in-out;
      transition: opacity 0.1s ease-in-out; }
    #eb .eb-part.inactive .content {
      -webkit-transition: opacity 0.1s ease-in-out;
      -o-transition: opacity 0.1s ease-in-out;
      transition: opacity 0.1s ease-in-out; }
    #eb .eb-part.eb-part-1 {
      left: 0; }
      #eb .eb-part.eb-part-1 .text {
        width: 64.3%; }
      #eb .eb-part.eb-part-1 .links {
        left: 70%;
        width: 30%; }
    #eb .eb-part.eb-part-2 {
      left: 25%; }
      #eb .eb-part.eb-part-2.active {
        left: 13%; }
      #eb .eb-part.eb-part-2.inactive {
        left: 61%; }
    #eb .eb-part.eb-part-3 {
      left: 50%; }
      #eb .eb-part.eb-part-3.active {
        left: 26%; }
      #eb .eb-part.eb-part-3.inactive {
        left: 74%; }
    #eb .eb-part.eb-part-4 {
      left: 75%; }
      #eb .eb-part.eb-part-4.active {
        left: 39%; }
        #eb .eb-part.eb-part-4.active h3 {
          width: 102px; }
      #eb .eb-part.eb-part-4.inactive {
        left: 87%; }
  #eb.initial .content {
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  #eb.initial .eb-part-2 {
    left: 61%; }
  #eb.initial .eb-part-3 {
    left: 74%; }
  #eb.initial .eb-part-4 {
    left: 87%; }
  #eb .eb-parts-bg {
    height: 110px;
    z-index: 3; }
    #eb .eb-parts-bg .eb-part-1 {
      background-color: #da352a;
      z-index: 4; }
    #eb .eb-parts-bg .eb-part-2 {
      background-color: #f5a623;
      z-index: 5; }
    #eb .eb-parts-bg .eb-part-3 {
      background-color: #50e3c2;
      z-index: 6; }
    #eb .eb-parts-bg .eb-part-4 {
      background-color: #4a90e2;
      z-index: 7; }
  #eb .eb-overlay {
    background: url(/assets/eb-bg-10c4ab43956086eb29c9140d7f22b492.png) top right repeat;
    cursor: pointer;
    height: 110px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8; }
  #eb .eb-parts-bgs div {
    cursor: pointer;
    height: 110px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 9; }
  #eb .eb-parts-bgs .eb-parts-bg-1 {
    left: 0; }
  #eb .eb-parts-bgs .eb-parts-bg-2 {
    right: 0; }
  #eb .eb-parts-content {
    cursor: pointer;
    height: 110px;
    overflow: visible;
    z-index: 10; }
    #eb .eb-parts-content .eb-part-1 {
      z-index: 11; }
    #eb .eb-parts-content .eb-part-2 {
      z-index: 12; }
    #eb .eb-parts-content .eb-part-3 {
      z-index: 13; }
    #eb .eb-parts-content .eb-part-4 {
      z-index: 14; }
  #eb h3 {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    margin: 12px 0 0 10px;
    width: 107px; }
  #eb .eb-part-1 h3 {
    margin-left: 0; }
  #eb .content {
    color: #fff;
    font-size: 15px;
    left: 20%;
    line-height: 21px;
    opacity: 0;
    position: absolute;
    top: 12px;
    width: 78%; }
    #eb .content.no-links .text {
      width: 100%;
      padding-left: 10px; }
    #eb .content.no-links .links {
      display: none; }
    #eb .content.show {
      opacity: 1; }
    #eb .content .text {
      left: 0;
      position: absolute;
      top: 0;
      width: 68%;
      padding-left: 10px; }
      #eb .content .text .compress {
        font-size: 14px;
        letter-spacing: -0.2px; }
        #eb .content .text .compress a {
          font-weight: normal;
          text-decoration: underline; }
      #eb .content .text a {
        color: #fff;
        font-weight: bold; }
        #eb .content .text a:hover, #eb .content .text a:active {
          color: #fff;
          text-decoration: underline; }
    #eb .content .links {
      left: 76%;
      line-height: 1.15;
      position: absolute;
      top: 0;
      width: 24%; }
      #eb .content .links a {
        color: #fff;
        font-size: 12px; }
        #eb .content .links a:hover {
          text-decoration: underline; }

/**
[Name] Research and Expert Database
[Section] Page furniture
[Description]

As part of rolling out a searchable database of experts / authors,
we've built blocks to be positioned around the site to get users
using the search.
[Example]
<div class="wrapper">
  <div class="grid-six large-grid-four grid-last">
    <section class="module research-and-expert-database for-topic clearfix">
      <h3 class="double-bordered">Research and Expert Database <i class="icon-the-conversation"></i></h3>
      <a
        class="find-experts button large primary"
        href="/experts/search/on/autism">
        Find experts on Autism
      </a>
    </section>

    <section class="module research-and-expert-database for-institution clearfix">
      <h3 class="double-bordered">Research and Expert Database <i class="icon-the-conversation"></i></h3>
      <form accept-charset="UTF-8" action="/experts/search" class="for formtastic expert_search_form" id="new_expert_search_form" method="get" novalidate="novalidate"><div style="display:none"><input name="utf8" type="hidden" value="✓"></div>
        <fieldset class="inputs">
          <ol>
            <li class="string input required stringish" id="expert_search_form_term_input">
              <label class="label" for="expert_search_form_term">
                Find experts from Monash University with knowledge in:<abbr title="required">*</abbr>
              </label>

              <input id="expert_search_form_term" name="expert_search_form[term]" placeholder="e.g. Constitutional law" type="text">
            </li>
          </ol>
        </fieldset>
        <fieldset class="actions">
          <ol>
            <li class="action input_action " id="expert_search_form_submit_action">
              <input class="find-experts button large primary" name="commit" type="submit" value="Search">
            </li>
          </ol>
        </fieldset>
      </form>
    </section>
  </div>
</div>
**/
.research-and-expert-database {
  margin-bottom: 36px;
  text-align: center;
  position: relative; }
  .pages-show .research-and-expert-database {
    margin-bottom: 0; }
  .pages-show-arts .research-and-expert-database {
    margin-bottom: 36px; }
  .research-and-expert-database.for-topic {
    margin-bottom: 36px; }
  .research-and-expert-database h3 {
    position: relative;
    text-align: left; }
    .research-and-expert-database h3 i {
      position: absolute;
      right: 0;
      top: 0;
      height: 19px;
      width: 28px;
      font-size: 24px;
      color: #d8352a; }
  .research-and-expert-database abbr {
    display: none; }
  .research-and-expert-database .hidden {
    display: none; }
  .research-and-expert-database.module .inputs label {
    position: absolute; }
  .research-and-expert-database.module .inputs input {
    height: 32px;
    margin: 48px 0 0;
    padding: 6px 12px; }
  .research-and-expert-database.module .actions {
    float: right;
    margin-top: 2px; }
    .research-and-expert-database.module .actions input {
      margin: 45px 0 0 12px; }
  .research-and-expert-database .inputs {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0; }
    .research-and-expert-database .inputs label {
      display: inline-block; }
    .research-and-expert-database .inputs input {
      height: 31px;
      margin: 10px 0;
      padding: 6px 12px 7px;
      width: 100%; }
  .research-and-expert-database form {
    position: relative; }
  .research-and-expert-database .actions li {
    margin: 0;
    padding: 0; }
  .research-and-expert-database .popular {
    text-align: left; }
  .research-and-expert-database .find-experts.button {
    height: 16px;
    float: right;
    display: inline-block; }

/**
[Name] Rolodex
[Section] Lists
[Description]

An alphabetised index of things sorted by first letter and displayed with a
navigation area to jump between groups

[Example]
<section class="alphabetised-index wrapper">
  <nav>
    <ol>
      <% ("A".."Z").each do |letter| %>
        <li><a href="#index-<%= letter %>"><%= letter %></a></li>
      <% end %>
    </ol>
  </nav>
  <ol>
    <% ("A".."G").each do |letter| %>
      <li>
        <h2 id="index-<%= letter %>" class="grid-one"><%= letter %></h2>
        <ol class="grid-five">
          <li><a href="#">Item <%= letter %></a></li>
        </ol>
        <ol class="grid-five">
          <li><a href="#">Item <%= letter %></a></li>
        </ol>
        <ol class="grid-five grid-last">
          <li><a href="#">Item <%= letter %></a></li>
        </ol>
      </li>
    <% end %>
  </ol>
</section>
**/
.alphabetised-index {
  clear: both; }
  .alphabetised-index nav {
    background-color: #fafafa;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    clear: both;
    list-style: none;
    margin-bottom: 18px;
    overflow: auto; }
    .alphabetised-index nav ol {
      display: table;
      table-layout: fixed;
      width: 100%; }
      .alphabetised-index nav ol li {
        display: table-cell;
        padding-top: 1em;
        padding-bottom: 1em;
        text-align: center;
        font-weight: bold;
        font-size: 14px; }
        .alphabetised-index nav ol li a {
          color: #777; }
          .alphabetised-index nav ol li a:hover {
            color: #444;
            background-color: #fff; }
          .alphabetised-index nav ol li a.active {
            color: #ef5a50;
            background-color: #fff; }
    .alphabetised-index nav .search-filter {
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
      border-bottom: 1px solid #cfcfcf;
      background: #fcfcfc;
      padding: 12px; }
      .alphabetised-index nav .search-filter #filter-index {
        -webkit-border-radius: 2px;
                border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
                box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
        font-size: 13px;
        border: 1px solid #bfbfbf;
        width: 100%;
        padding: 7px 5px;
        max-width: 400px; }
        .alphabetised-index nav .search-filter #filter-index:focus {
          outline: 0; }
  .alphabetised-index ol {
    list-style: none; }
    .alphabetised-index ol li {
      position: relative;
      overflow: auto;
      border-top: 1px solid #eee; }
      .alphabetised-index ol li.no-match {
        display: none; }
      .alphabetised-index ol li h2 {
        font-size: 16px;
        padding-top: 12px; }
      .alphabetised-index ol li ol {
        list-style: none; }
        .alphabetised-index ol li ol li {
          border: none;
          padding-top: 12px;
          padding-bottom: 12px; }

/**
[Name] Interesting List
[Section] Lists
[Description]

The pretty new list style that is much like a table,
only not.

It also has overrides for the editorial grid where it's mixed with flex-grid.

[Example]
<section class="wrapper">
  <ol class="interesting-list grid-six">
    <% 5.times.each do |item| %>
      <li class="grid-six">
        <div class="grid-three grid-first">Key</div>
        <div class="grid-three grid-last">Value</div>
      </li>
    <% end %>
  <ol>
</section>
**/
.interesting-list {
  list-style: none; }
  .interesting-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc; }
    .interesting-list li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0; }
    .interesting-list li:nth-child(odd) {
      background-color: #f8f8f8; }
    .interesting-list li .grid-first {
      padding-left: 10px;
      margin-right: 10px; }
    .interesting-list li .grid-last {
      text-align: right;
      padding-right: 10px;
      margin-left: -10px; }
  .editorial-grid .interesting-list .flex-grid {
    padding: 10px; }
    .editorial-grid .interesting-list .flex-grid > div {
      margin: 0; }

/**
[Name] Sidebar Link lists
[Section] Lists
[Description]

Currently used on the community pages, we have nice styles for a list of
links in the sidebar.

[Example]
<section class="wrapper">
  <aside class="grid-four">
    <nav class="sidebar-link-list">
      <h2>Sidebar heading</h2>
      <ul>
        <li><a href="#">One fine link</a></li>
        <li><a href="#">Another link</a></li>
        <li><a href="#">A third link</a></li>
      </ul>
    </nav>
    <nav class="sidebar-link-list">
      <h2>Another heading</h2>
      <ul>
        <li><a href="#">One fine link</a></li>
        <li><a href="#">Another link</a></li>
        <li><a href="#">A third link</a></li>
      </ul>
    </nav>
  </aside>

  <div class="grid-twelve last">
    <header>
      <h1 class="page-header">Page heading</h1>
    </header>
  </div>
</section>
**/
.sidebar-link-list {
  border-top: 1px solid #eee;
  max-width: 228px;
  padding: 10px 0 30px 0; }
  .sidebar-link-list:first-child {
    margin-top: 45px; }
  .sidebar-link-list h2 {
    color: #ddd;
    font-size: 12px;
    margin: 5px 0 !important; }
  .sidebar-link-list ul {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0; }
    .sidebar-link-list ul li {
      margin: 0 0 8px 0 !important;
      padding: 0 !important; }
      .sidebar-link-list ul li a {
        color: #666;
        font-weight: bold; }

/**
[Name] Sidebar link lists
[Section] General Elements
[Description]
[Example]
<section class="wrapper">
  <aside class="grid-four">
    <nav class="sidebar-link-list">
      <h2>Sidebar heading</h2>
      <ul>
        <li><a href="#">One fine link</a></li>
        <li><a href="#">Another link</a></li>
        <li><a href="#">A third link</a></li>
      </ul>
    </nav>
    <nav class="sidebar-link-list">
      <h2>Another heading</h2>
      <ul>
        <li><a href="#">One fine link</a></li>
        <li><a href="#">Another link</a></li>
        <li><a href="#">A third link</a></li>
      </ul>
    </nav>
  </aside>

  <div class="grid-twelve grid-last">
    <header>
      <h1 class="page-header">Page heading</h1>
    </header>
  </div>
</section>
**/
.sidebar-link-list {
  border-top: 1px solid #eee;
  max-width: 228px;
  padding: 10px 0 30px 0; }
  .sidebar-link-list:first-child {
    margin-top: 45px; }
  .sidebar-link-list h2 {
    color: #ddd;
    font-size: 12px;
    margin: 5px 0 !important; }
  .sidebar-link-list ul {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0; }
    .sidebar-link-list ul li {
      margin: 0 0 8px 0 !important;
      padding: 0 !important; }
      .sidebar-link-list ul li a {
        color: #666;
        font-weight: bold; }

.super-slider-view {
  background-color: #ccc;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer; }
  .super-slider-view .super-slider-view-track {
    height: 14px;
    position: relative; }
  .super-slider-view .super-slider-view-slider {
    background-color: #cc2222;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    cursor: pointer;
    margin-left: -14px;
    position: absolute; }
  .super-slider-view .super-slider-view-slider-inner {
    height: 14px;
    width: 28px; }

@media only screen and (max-width: 599px) {
  .super-slider-view {
    background-clip: padding-box;
    border: 7px solid transparent;
    margin: -7px; }
    .super-slider-view .super-slider-view-slider {
      background-clip: content-box;
      border: 7px solid transparent;
      margin-left: -21px;
      top: -7px; } }

/* Pages */
body.columns-index .team-columns .author h4,
body.columns-index .team-columns .author .title,
body.columns-index .team-columns .author-information .author-posts {
  display: none; }

body.columns-index .team-columns .author-information .author h2 {
  font-size: 16px;
  float: left;
  width: auto; }
  body.columns-index .team-columns .author-information .author h2:after {
    content: ", ";
    padding-right: 0.4em; }

body.columns-index .team-columns .author-information .author .team-author:last-child h2:after {
  content: ""; }

body.columns-index nav.columnists h4 {
  margin-bottom: 6px; }

body.columns-index nav.columnists a {
  display: block;
  margin-bottom: 6px; }
  body.columns-index nav.columnists a span {
    color: #727272; }

body.columns-index nav.columnists > ol > li {
  margin-bottom: 18px; }

body.columns-index .author-information {
  position: relative;
  margin-bottom: 24px; }
  body.columns-index .author-information > div {
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    position: relative;
    padding: 12px;
    border: 1px solid #c1c6d1;
    background-color: #fcfcfd; }
    body.columns-index .author-information > div .module {
      margin-bottom: 24px; }
      body.columns-index .author-information > div .module:last-child {
        margin-bottom: 0; }
    body.columns-index .author-information > div header {
      position: relative;
      left: -12px;
      padding: 0 12px;
      width: 100%;
      min-height: 66px;
      border-bottom: 1px solid #bfc6d0;
      margin-bottom: 12px; }
      body.columns-index .author-information > div header h3, body.columns-index .author-information > div header .byline {
        margin-left: 60px; }
      body.columns-index .author-information > div header h3 {
        color: #d8352a;
        line-height: 1.2;
        margin-bottom: 6px; }
      body.columns-index .author-information > div header .byline {
        color: #727272;
        margin-bottom: 12px; }
      body.columns-index .author-information > div header img {
        position: absolute;
        top: 0;
        left: 10px;
        width: 50px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        border: 1px solid #fff; }
    body.columns-index .author-information > div .author a.author-link, body.columns-index .author-information > div .author h2 {
      float: left; }
    body.columns-index .author-information > div .author a.author-link {
      width: 100%; }
    body.columns-index .author-information > div .author h2 {
      font-size: 16px;
      width: 100%;
      margin-bottom: 6px; }
    body.columns-index .author-information > div .author .title {
      margin-bottom: 0; }
    body.columns-index .author-information > div .article-list {
      clear: both; }

body.columns-index article.column {
  background-color: #f6f7fa;
  margin-bottom: 18px;
  height: 110px;
  clear: both; }
  body.columns-index article.column section.title {
    float: left;
    width: 70%;
    clear: none; }
  body.columns-index article.column section.image {
    float: left;
    width: 30%;
    display: inline;
    clear: none; }

body.columns-show.refresh-article .column-posts {
  margin-top: 60px;
  margin-bottom: 60px; }
  body.columns-show.refresh-article .column-posts article:first-child {
    margin-bottom: 24px; }
    body.columns-show.refresh-article .column-posts article:first-child header,
    body.columns-show.refresh-article .column-posts article:first-child .content {
      margin-left: 0; }
    body.columns-show.refresh-article .column-posts article:first-child header h2 {
      font-size: 21px;
      line-height: 1.2em; }
    body.columns-show.refresh-article .column-posts article:first-child figure {
      float: none;
      margin: 0;
      width: auto; }
      body.columns-show.refresh-article .column-posts article:first-child figure img {
        width: 100%; }
    body.columns-show.refresh-article .column-posts article:first-child figcaption {
      display: block; }
  body.columns-show.refresh-article .column-posts article header h2 {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 12px; }
  body.columns-show.refresh-article .column-posts article .byline {
    display: none;
    margin-bottom: 12px;
    margin-top: 12px; }
  body.columns-show.refresh-article .column-posts article figure {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    width: 145px; }
    body.columns-show.refresh-article .column-posts article figure img {
      width: 145px; }
  body.columns-show.refresh-article .column-posts article figcaption {
    display: none; }

body.columns-show.refresh-article .team-blog .byline {
  display: block; }

@media only screen and (max-width: 599px) {
  body.columns-show.refresh-article .column-posts {
    margin-top: 12px; } }

body.events .button {
  float: right;
  margin-left: 10px;
  margin-top: 10px; }
  @media only screen and (max-width: 599px) {
    body.events .button {
      margin-top: 0; } }
  body.events .button i {
    font-size: 0.9em; }
    @media only screen and (max-width: 599px) {
      body.events .button i {
        margin-top: 2px; } }

body.events .time-marker {
  background-color: #f9f9f9;
  padding: 3em 0;
  text-align: center;
  margin-bottom: 1em; }
  @media only screen and (max-width: 599px) {
    body.events .time-marker {
      padding: 0.9em 0; } }
  body.events .time-marker h2 {
    font-weight: 200;
    letter-spacing: 0.05em;
    margin: 0; }

body.events .event-filter .filter {
  background-color: #f9f9f9;
  margin-bottom: 1em;
  padding: 1em;
  position: relative; }
  @media only screen and (max-width: 599px) {
    body.events .event-filter .filter.all-events {
      padding-left: 0; }
      body.events .event-filter .filter.all-events a {
        font-size: 15px;
        padding: 1em; } }
  @media only screen and (max-width: 599px) {
    body.events .event-filter .filter input[type="checkbox"]:checked ~ h3 {
      border-bottom: 4px solid #ccc;
      margin-bottom: 12px;
      padding-bottom: 8px; }
    body.events .event-filter .filter input[type="checkbox"] ~ label {
      color: #069;
      font-size: 15px;
      position: absolute;
      top: 0;
      right: 0;
      padding: 1em; }
    body.events .event-filter .filter input[type="checkbox"] ~ h3 {
      border: 0;
      margin: 0;
      padding: 0; } }
  @media only screen and (min-width: 600px) and (max-width: 1465px) {
    body.events .event-filter .filter input[type="checkbox"] {
      display: none; }
      body.events .event-filter .filter input[type="checkbox"] ~ label {
        display: none; }
      body.events .event-filter .filter input[type="checkbox"] ~ .toggle-content {
        display: block; } }
  @media only screen and (min-width: 1466px) {
    body.events .event-filter .filter input[type="checkbox"] {
      display: none; }
      body.events .event-filter .filter input[type="checkbox"] ~ label {
        display: none; }
      body.events .event-filter .filter input[type="checkbox"] ~ .toggle-content {
        display: block; } }

body.events .event-filter ul {
  margin: 0; }
  body.events .event-filter ul a.active {
    font-style: italic; }

body.events ul.events {
  clear: both;
  list-style: none;
  margin-bottom: 6em; }
  body.events ul.events li {
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f9f9f9;
    clear: left;
    position: relative; }
    body.events ul.events li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0; }
    body.events ul.events li .dates {
      background-color: #333;
      text-align: center;
      color: #fff;
      padding: 2em 0;
      font-size: 22px;
      font-weight: lighter;
      line-height: 1.2;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 599px) {
        body.events ul.events li .dates {
          padding: 0.4em 0;
          font-size: 14px; }
          body.events ul.events li .dates.multi-day {
            padding: 0.4em 0; }
          body.events ul.events li .dates .to {
            display: none; }
          body.events ul.events li .dates .mdash {
            display: inline-block; }
          body.events ul.events li .dates div, body.events ul.events li .dates .month {
            display: inline;
            font-size: 14px; } }
      body.events ul.events li .dates.multi-day {
        padding: 1em 0; }
      body.events ul.events li .dates .month {
        font-size: 18px; }
      body.events ul.events li .dates .end-date {
        padding-top: 10px; }
      body.events ul.events li .dates .mdash {
        display: none; }
      body.events ul.events li .dates .to {
        display: block;
        padding-top: 10px;
        font-size: 0.6em;
        font-style: italic; }
    body.events ul.events li .title-and-location {
      font-size: 13px;
      line-height: 1.4; }
      @media only screen and (max-width: 599px) {
        body.events ul.events li .title-and-location {
          width: auto;
          margin-left: 12px;
          margin-right: 12px; } }
      body.events ul.events li .title-and-location h3 {
        padding-top: 1.2em;
        padding-bottom: 0; }
      body.events ul.events li .title-and-location .details {
        margin-right: 170px; }
        @media only screen and (max-width: 599px) {
          body.events ul.events li .title-and-location .details {
            margin-right: 0; } }
      body.events ul.events li .title-and-location .logo {
        height: 100%;
        width: 140px;
        position: absolute;
        right: 0;
        top: 0;
        border: 1px solid #f9f9f9;
        text-align: center;
        background-color: #fff; }
        @media only screen and (max-width: 599px) {
          body.events ul.events li .title-and-location .logo {
            display: none; } }
        body.events ul.events li .title-and-location .logo img {
          max-width: 120px;
          max-height: 120px;
          margin: auto;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }

#post-event {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 24px 6px;
  padding: 24px;
  background: #faf7f4;
  border: 1px solid #ccc;
  color: #65635f; }
  #post-event > h2 {
    margin-bottom: 1.5em; }
    @media only screen and (max-width: 599px) {
      #post-event > h2 span {
        display: block; } }
  #post-event h3 {
    color: #65635f;
    margin: 50px 0 30px;
    font-size: 18px; }
  .region_fr #post-event .event-pricing {
    display: none; }
  #post-event .event-pricing {
    position: absolute;
    top: -36px;
    right: -36px; }
    #post-event .event-pricing .currency {
      margin-right: 0.1em; }

@media only screen and (max-width: 599px) {
  #post-event .event-pricing {
    top: -20px;
    right: -10px;
    background-size: 90px 90px;
    height: 90px;
    width: 90px;
    font-size: 10px; } }

body.experts-index #header {
  height: 0;
  padding: 0;
  border-bottom: 0; }

.svg body.experts-index .no-svg {
  display: none; }

.no-svg body.experts-index .svg {
  display: none; }

body.experts-index #topics,
body.experts-index #masthead,
body.experts-index #primary-navigation {
  display: none; }

body.experts-index .experts-search {
  padding-top: 60px; }
  body.experts-index .experts-search h2 {
    font-size: 18px;
    padding: 4px;
    text-transform: uppercase; }
  body.experts-index .experts-search img {
    width: 100%; }
  body.experts-index .experts-search img + img {
    padding-top: 10px; }
  body.experts-index .experts-search .label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px; }
  body.experts-index .experts-search form {
    position: relative;
    clear: both;
    padding-top: 60px;
    margin-bottom: 60px; }
    body.experts-index .experts-search form:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0; }
  body.experts-index .experts-search .inputs input {
    font-size: 16px;
    height: 34px;
    line-height: 2;
    padding: 0 12px;
    width: 100%;
    outline: none; }
    body.experts-index .experts-search .inputs input::-webkit-input-placeholder {
      color: #9b9b9b;
      font-size: 16px;
      font-style: italic; }
    body.experts-index .experts-search .inputs input:-ms-input-placeholder {
      color: #9b9b9b;
      font-size: 16px;
      font-style: italic; }
    body.experts-index .experts-search .inputs input::-ms-input-placeholder {
      color: #9b9b9b;
      font-size: 16px;
      font-style: italic; }
    body.experts-index .experts-search .inputs input::placeholder {
      color: #9b9b9b;
      font-size: 16px;
      font-style: italic; }
    body.experts-index .experts-search .inputs input:focus {
      background-color: #fff; }
  body.experts-index .experts-search .inputs {
    margin-right: 96px; }
  body.experts-index .experts-search .actions {
    bottom: 17px;
    position: absolute;
    right: 0; }
  body.experts-index .experts-search abbr {
    display: none; }
  body.experts-index .experts-search input {
    outline: none; }

@media only screen and (max-width: 599px) {
  body.experts-index .experts-search h2 {
    font-size: 16px;
    text-align: center; }
  body.experts-index .experts-search .inputs {
    margin-right: 0; }
  body.experts-index .experts-search .actions {
    margin-top: 10px;
    position: relative; }
  body.experts-index .experts-search img {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px; } }

body.experts .masthead-search {
  display: none; }

body.experts .experts-search-facets {
  padding-bottom: 36px; }
  body.experts .experts-search-facets:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  body.experts .experts-search-facets h1 {
    font-size: 22px;
    padding-bottom: 36px;
    text-transform: uppercase;
    margin-bottom: 0; }
  body.experts .experts-search-facets .yet-another-spinner {
    z-index: 1000; }
  body.experts .experts-search-facets .explanation {
    margin-bottom: 25px; }
    body.experts .experts-search-facets .explanation .string {
      padding-right: 10px; }
      body.experts .experts-search-facets .explanation .string input {
        border: 1px solid #eee;
        color: #333;
        font-size: 13px;
        font-weight: bold;
        height: 32px;
        padding: 0 12px;
        width: 100%; }
        body.experts .experts-search-facets .explanation .string input::-webkit-input-placeholder {
          color: #9b9b9b;
          font-style: italic; }
        body.experts .experts-search-facets .explanation .string input:-ms-input-placeholder {
          color: #9b9b9b;
          font-style: italic; }
        body.experts .experts-search-facets .explanation .string input::-ms-input-placeholder {
          color: #9b9b9b;
          font-style: italic; }
        body.experts .experts-search-facets .explanation .string input::placeholder {
          color: #9b9b9b;
          font-style: italic; }
  body.experts .experts-search-facets p {
    font-size: 12px; }
  body.experts .experts-search-facets label {
    display: none; }
  body.experts .experts-search-facets .actions {
    float: right; }
    body.experts .experts-search-facets .actions .button {
      padding: 7px 12px; }
  body.experts .experts-search-facets #query {
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 30px; }
  body.experts .experts-search-facets .selections {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0; }
  body.experts .experts-search-facets .selection {
    background-color: #da352a;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 1px 10px 1px 8px; }
    body.experts .experts-search-facets .selection i {
      font-size: 10px; }

body.experts .experts-search-results {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 36px; }
  body.experts .experts-search-results.searching {
    opacity: 0.3; }
  body.experts .experts-search-results .now-showing {
    display: block; }

body.experts .experts-search-results-list {
  margin-top: 20px; }

body.experts .chooser-view.open {
  z-index: 100; }

body.experts .chooser-view .chooser-view-selection-pane {
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow: none; }

body.experts .chooser-view .chooser-view-title {
  color: #9b9b9b;
  font-size: 12px;
  font-style: italic;
  padding: 0 6px 6px; }

body.experts .chooser-view i {
  display: none; }

@media only screen and (max-width: 599px) {
  body.experts #header.condensed {
    border-bottom: none;
    padding: 0; }
  body.experts .experts-search-facets h1 {
    font-size: 16px;
    text-align: center; }
  body.experts .experts-search-facets .explanation,
  body.experts .experts-search-facets .topics,
  body.experts .experts-search-facets .interests,
  body.experts .experts-search-facets .institutions {
    padding-bottom: 20px; } }

.experts-search-results {
  clear: both; }

.experts-search-result {
  list-style: none;
  margin-bottom: 20px;
  position: relative; }
  .experts-search-result:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  .experts-search-result .expert-link,
  .experts-search-result .expert-articles {
    display: block;
    float: left;
    overflow: auto;
    color: #383838;
    text-decoration: none; }
  .experts-search-result .expert-link {
    background-color: #fafafa;
    -webkit-border-radius: 52px 0 0 52px;
            border-radius: 52px 0 0 52px; }
    .experts-search-result .expert-link:hover {
      background-color: #f0f0f0;
      color: #006699; }
  .experts-search-result .expert-articles {
    background-color: whitesmoke; }
    .experts-search-result .expert-articles:hover {
      background-color: #f0f0f0;
      color: #006699; }
  .experts-search-result figure {
    height: 104px; }
  .experts-search-result img {
    -webkit-border-radius: 52px;
            border-radius: 52px;
    display: block;
    width: 104px; }
  .experts-search-result .details {
    padding-top: 12px; }
  .experts-search-result h1 {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 6px; }
  .experts-search-result .written-on {
    font-size: 11px;
    height: 100%;
    margin-right: 0;
    min-height: 104px; }
    .experts-search-result .written-on h5 {
      font-size: 12px;
      font-weight: bold;
      line-height: normal;
      margin: 0;
      padding: 20px 20px 10px 20px; }
    .experts-search-result .written-on .topics {
      padding: 0 20px 20px 20px;
      font-style: italic; }
      .experts-search-result .written-on .topics .highlighted {
        font-weight: bold;
        color: #da352a; }

@media only screen and (max-width: 599px) {
  .experts-search-result {
    margin-bottom: 10px; }
    .experts-search-result .expert-link {
      -webkit-border-radius: 0;
              border-radius: 0; }
    .experts-search-result .expert-link,
    .experts-search-result .expert-articles {
      width: 100%; }
    .experts-search-result h1 {
      font-size: 16px;
      line-height: 1.4;
      margin-bottom: 10px; }
    .experts-search-result .image {
      text-align: center; }
      .experts-search-result .image img {
        display: inline-block;
        padding: 10px;
        width: 84px; }
    .experts-search-result .details {
      float: none;
      font-size: 0.8em;
      line-height: 1.4em;
      padding: 0 10px 10px 10px;
      width: auto; }
    .experts-search-result .written-on {
      line-height: normal;
      min-height: initial;
      padding: 0; }
      .experts-search-result .written-on h5 {
        padding: 10px 10px 5px; }
      .experts-search-result .written-on .topics {
        padding: 0 10px 10px 10px; } }

body.factchecks h1.page-header {
  border-bottom: 4px solid #ccc; }

body.factchecks h2 {
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 5px; }
  @media only screen and (min-width: 1466px) {
    body.factchecks h2 {
      font-size: 18px; } }

body.factchecks article {
  margin-bottom: 40px; }
  body.factchecks article .byline,
  body.factchecks article figcaption {
    display: none; }
  body.factchecks article time {
    font-size: 11px;
    color: #727272; }
  body.factchecks article figure {
    float: right;
    margin: 0 0 10px 20px; }
  body.factchecks article img {
    width: 90px; }
    @media only screen and (min-width: 1466px) {
      body.factchecks article img {
        width: 140px; } }

body.info .page-header {
  clear: left;
  margin-bottom: 36px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }

body.info .content {
  font-size: 16px;
  line-height: 1.5; }
  body.info .content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  body.info .content ol, body.info .content ul {
    padding-left: 20px;
    margin-bottom: 18px; }
  body.info .content ul {
    list-style: none; }
    body.info .content ul li:before {
      color: #aaa;
      content: '\2022';
      font-size: 0.9em;
      left: -1.1em;
      position: absolute;
      top: 0.15em; }
  body.info .content li {
    position: relative;
    margin-bottom: 0.5em; }
  body.info .content h2 {
    margin: 2em 0 1em 0; }
  body.info .content h4 {
    font-size: 16.5px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.6;
    margin-bottom: 18px;
    text-transform: none; }
    @media only screen and (max-width: 599px) {
      body.info .content h4 {
        font-size: 14.85px;
        line-height: 1.44; } }

body.info .back-to-top {
  float: right;
  font-size: 12px;
  color: #ccc;
  font-weight: normal; }

body.info .contact-options li {
  padding-right: 0; }
  body.info .contact-options li:before {
    display: none; }

body.info p.credit {
  font-size: 12px;
  color: #ccc;
  text-align: right; }

body.info .vcard {
  padding-bottom: 60px; }
  body.info .vcard:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  body.info .vcard .image {
    margin: 0 0 10px;
    width: 100px; }
    body.info .vcard .image img {
      -webkit-border-radius: 50%;
              border-radius: 50%;
      border: 2px solid #fff;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
      display: block;
      max-width: 100%; }
  body.info .vcard.image-hidden .image {
    display: none; }
  body.info .vcard.image-hidden .content {
    margin-left: 0; }
  body.info .vcard header {
    padding-bottom: 3px;
    margin-bottom: 6px;
    float: left;
    width: 100%; }
  body.info .vcard h3 {
    float: left;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0; }
  body.info .vcard .role {
    clear: left;
    color: #888;
    font-size: 11px;
    margin: 0;
    line-height: 18px;
    padding-top: 3px; }
  body.info .vcard .contact-options {
    padding: 0;
    font-size: 16px;
    float: right;
    margin: 0 25px 0 0; }
    body.info .vcard .contact-options li {
      float: left;
      list-style-type: none;
      margin: 0 15px 0 0; }
    body.info .vcard .contact-options a {
      opacity: 0.5;
      color: #727272;
      width: 18px;
      height: 18px;
      display: block; }
      body.info .vcard .contact-options a:hover {
        opacity: 1; }
  body.info .vcard p {
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 8 4 4;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;
    margin: 0;
    padding: 0 20px 0 0; }
    body.info .vcard p + p {
      margin-top: 1em; }

body.info-audience .infographic {
  margin-bottom: 36px; }
  body.info-audience .infographic img {
    width: 100%; }

body.info-audience .audience-links {
  border-top: 1px solid #eee;
  clear: both;
  padding: 40px 0; }
  body.info-audience .audience-links li {
    margin-bottom: 0; }

body.info-charter .foot-note {
  border-top: 1px solid #eee;
  clear: both;
  color: #999;
  float: left;
  margin-top: 18px;
  padding-top: 18px;
  width: 100%; }

body.info-contact_us #email table {
  width: 100%;
  margin-bottom: 18px; }
  body.info-contact_us #email table th, body.info-contact_us #email table td {
    padding-top: 11px;
    margin-top: 12px;
    border-top: 1px dotted #d9d9d9;
    vertical-align: top;
    padding-bottom: 18px; }

body.info-contact_us .social-media a {
  display: block; }

body.info-contact_us .social-media strong {
  color: #555; }

body.info-cyber_media_guidelines article.content ul {
  list-style: lower-alpha; }
  body.info-cyber_media_guidelines article.content ul li:before {
    display: none; }
  body.info-cyber_media_guidelines article.content ul ul {
    list-style: lower-roman; }

.info-feeds .feed-group {
  border: 1px solid #d2d2d2;
  border-bottom: none;
  font-size: 13px;
  margin-bottom: 6px;
  margin-top: 6px; }
  .info-feeds .feed-group label {
    display: block;
    background-color: #f5f5f5;
    padding: 6px 0 6px 6px;
    border-bottom: 1px solid #d2d2d2; }

.info-feeds .feed-group.toggle label {
  cursor: pointer; }
  .info-feeds .feed-group.toggle label:hover {
    background-color: #f8f8f8; }

.info-feeds .feed-group-language {
  color: #aaa; }

.info-feeds .feed-group-content {
  padding: 6px 6px 0;
  border-bottom: 1px solid #d2d2d2; }
  .info-feeds .feed-group-content a {
    display: block;
    font-weight: bold; }

body.info-friends #fotc {
  font-size: 16.5px;
  line-height: 1.6; }
  body.info-friends #fotc .call-to-action {
    position: relative;
    background: url(/assets/info/fotc/background-6db4d753f9af46a860859f35730ad9c8.png) top center repeat-x; }
    body.info-friends #fotc .call-to-action section {
      position: relative;
      z-index: 1; }
      body.info-friends #fotc .call-to-action section:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0; }
      body.info-friends #fotc .call-to-action section h1 {
        padding-top: 30px;
        margin-top: 0;
        margin-bottom: 3px;
        color: #fff; }
      body.info-friends #fotc .call-to-action section h2 {
        font-size: 20px;
        font-weight: 200;
        margin: 0;
        padding-bottom: 30px;
        color: #fff; }
      body.info-friends #fotc .call-to-action section article {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
        padding: 25px 0;
        margin: 0;
        color: #444; }
      body.info-friends #fotc .call-to-action section .action {
        padding-top: 45px;
        text-align: right; }
        body.info-friends #fotc .call-to-action section .action .button {
          font-size: 13px;
          padding: 10px 15px;
          -webkit-box-shadow: 0 1px 0 0 #9f1419;
                  box-shadow: 0 1px 0 0 #9f1419; }
        body.info-friends #fotc .call-to-action section .action .icon-friend-of-tc-heart {
          color: #d8352a; }
  body.info-friends #fotc .title {
    clear: both;
    text-align: center; }
    body.info-friends #fotc .title .icon-combine-heart {
      margin: -35px 20px 0 0; }
    body.info-friends #fotc .title .icon-friend-of-tc-outer {
      color: #888; }
    body.info-friends #fotc .title .icon-friend-of-tc-heart {
      color: #ef5a50; }
    body.info-friends #fotc .title h1 {
      padding: 60px 0 0;
      margin: 0; }
  body.info-friends #fotc .thankyou-shoutout {
    clear: both; }
    body.info-friends #fotc .thankyou-shoutout h2 {
      font-size: 20px;
      font-weight: 200;
      margin: 0;
      padding: 50px 0;
      text-align: center; }
  body.info-friends #fotc .list {
    position: relative;
    clear: both;
    border-bottom: 1px solid #fff; }
    body.info-friends #fotc .list .donator-list {
      padding: 20px 0 0;
      position: relative;
      z-index: 1; }
      body.info-friends #fotc .list .donator-list:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0; }
      body.info-friends #fotc .list .donator-list li {
        float: left;
        margin: 0 6px 6px 0;
        padding: 0;
        list-style: none; }
        body.info-friends #fotc .list .donator-list li:before {
          display: none; }
        body.info-friends #fotc .list .donator-list li a {
          width: 100%;
          display: block; }
        body.info-friends #fotc .list .donator-list li img {
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border: 1px solid #e0e0e0;
          display: block;
          -webkit-border-radius: 4px;
                  border-radius: 4px; }
  body.info-friends #fotc .best-friends {
    background-color: #e0e0e0; }
    body.info-friends #fotc .best-friends .donator-list {
      padding-bottom: 8px; }
      body.info-friends #fotc .best-friends .donator-list li {
        width: 115px; }
        body.info-friends #fotc .best-friends .donator-list li:nth-child(8n+0) {
          margin-right: 0; }
  body.info-friends #fotc .great-friends {
    background-color: #ececec; }
    body.info-friends #fotc .great-friends .donator-list {
      padding-bottom: 12px; }
      body.info-friends #fotc .great-friends .donator-list li {
        width: 91px;
        height: 91px; }
        body.info-friends #fotc .great-friends .donator-list li:nth-child(10n+0) {
          margin-right: 0; }
  body.info-friends #fotc .good-friends {
    background-color: #f3f3f3; }
    body.info-friends #fotc .good-friends .donator-list {
      padding-bottom: 8px; }
      body.info-friends #fotc .good-friends .donator-list li {
        width: 75px; }
        body.info-friends #fotc .good-friends .donator-list li:nth-child(12n+0) {
          margin-right: 0; }
  body.info-friends #fotc .friends {
    background-color: #fff; }
    body.info-friends #fotc .friends .donator-list li {
      margin: 0;
      padding: 0;
      width: 25%; }

@media only screen and (max-width: 599px) {
  body.info-friends #fotc .call-to-action {
    padding-top: 30px;
    background: url(/assets/info/fotc/background-small-750d6819a369555418a15bd204332285.png) top center repeat; }
    body.info-friends #fotc .call-to-action section h1 {
      clear: both;
      color: #444;
      text-align: center;
      padding-top: 0; }
      body.info-friends #fotc .call-to-action section h1 .title {
        display: block; }
    body.info-friends #fotc .call-to-action section h2 {
      color: #444;
      text-align: center; }
    body.info-friends #fotc .call-to-action section article {
      font-size: 13px;
      padding: 20px 20px 40px; }
    body.info-friends #fotc .call-to-action section .action {
      text-align: center;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 12px; }
      body.info-friends #fotc .call-to-action section .action .button {
        -webkit-box-shadow: 0 1px 0 0 #e3e1dd;
                box-shadow: 0 1px 0 0 #e3e1dd; }
  body.info-friends #fotc .title .icon-combine-heart {
    margin-right: 0; }
  body.info-friends #fotc .title h1 {
    padding: 40px 0;
    font-size: 21px; }
    body.info-friends #fotc .title h1 .block {
      display: inline-block; }
  body.info-friends #fotc .best-friends .donator-list li {
    width: 23%;
    margin: 0 2% 2% 0; }
    body.info-friends #fotc .best-friends .donator-list li:nth-child(4n+0) {
      margin-right: 0; }
  body.info-friends #fotc .great-friends .donator-list li {
    height: auto;
    width: 18%;
    margin: 0 2% 2% 0; }
    body.info-friends #fotc .great-friends .donator-list li:nth-child(5n+0) {
      margin-right: 0; }
  body.info-friends #fotc .good-friends .donator-list li {
    width: 15%;
    margin: 0 1% 1% 0; }
    body.info-friends #fotc .good-friends .donator-list li:nth-child(6n+0) {
      margin-right: 0; }
  body.info-friends #fotc .friends .donator-list li {
    width: 33.333333%; }
    body.info-friends #fotc .friends .donator-list li a, body.info-friends #fotc .friends .donator-list li span {
      width: auto;
      display: block;
      padding: 0 5px;
      font-size: 11px;
      line-height: 1.6; } }

@media only screen and (min-width: 1466px) {
  body.info-friends #fotc .best-friends .donator-list li {
    width: 164px; }
  body.info-friends #fotc .great-friends .donator-list {
    padding-bottom: 5px; }
    body.info-friends #fotc .great-friends .donator-list li {
      width: 130px;
      height: 130px; }
  body.info-friends #fotc .good-friends .donator-list li {
    width: 107px; } }

body.info-republishing_guidelines .introduction {
  margin-bottom: 36px; }

body.info-who_we_are .fluid-width-video-wrapper {
  margin: 0; }

body.info-who_we_are .creator-and-founder {
  color: #666;
  display: block;
  font-size: 11px;
  line-height: 18px;
  padding-top: 6px; }

body.institutions.institutions-index .content {
  font-size: 16.5px;
  line-height: 1.6; }

body.institutions.institutions-index #contributors {
  clear: both;
  margin-bottom: 48px; }
  body.institutions.institutions-index #contributors header {
    margin-bottom: 18px; }

body.institutions.institutions-index .button-container {
  margin-top: 36px; }

body.institutions.institutions-index #contributor-list {
  clear: both;
  list-style: none; }
  body.institutions.institutions-index #contributor-list h2 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 18px -1px;
    border-bottom: 1px solid #eee; }
  body.institutions.institutions-index #contributor-list a {
    color: #383838;
    display: block;
    font-size: 0.8em; }
    body.institutions.institutions-index #contributor-list a:hover {
      color: #2d8cd6; }
    body.institutions.institutions-index #contributor-list a:visited {
      color: #484848; }
  body.institutions.institutions-index #contributor-list li {
    overflow: auto;
    padding-top: 30px; }
    body.institutions.institutions-index #contributor-list li ol {
      list-style: none; }
      body.institutions.institutions-index #contributor-list li ol li {
        line-height: 18px;
        margin-bottom: 6px;
        padding: 0; }

body.institutions-show #tabbed-navigation {
  display: none; }

body.institutions-show #institution-show-header {
  margin-bottom: 24px; }
  body.institutions-show #institution-show-header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }

body.institutions-show .module + .module {
  margin-top: 36px; }

body.institutions-show .content-list article:first-child {
  margin-bottom: 24px; }
  body.institutions-show .content-list article:first-child header,
  body.institutions-show .content-list article:first-child .content {
    margin-left: 0; }
  body.institutions-show .content-list article:first-child header h2 {
    font-size: 21px;
    line-height: 1.2em; }
  body.institutions-show .content-list article:first-child figure {
    float: none;
    margin: 0;
    width: auto; }
    body.institutions-show .content-list article:first-child figure img {
      width: auto;
      max-width: 100%; }

body.institutions-show .content-list article header {
  margin-left: 165px; }
  body.institutions-show .content-list article header h2 {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 0; }

body.institutions-show .content-list article .content {
  margin-left: 165px; }

body.institutions-show .content-list article figure {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  width: 145px; }
  body.institutions-show .content-list article figure img {
    width: 145px; }

body.institutions-show #experts {
  margin-bottom: 36px; }

body.institutions-show .jobs-events-list {
  margin-bottom: 36px; }

@media only screen and (max-width: 599px) {
  body.institutions-show #tabbed-navigation {
    display: table; }
  body.institutions-show #articles,
  body.institutions-show #contributors,
  body.institutions-show #jobs-and-events {
    margin-bottom: 36px; }
  body.institutions-show .sm-display-articles #contributors,
  body.institutions-show .sm-display-articles #jobs-and-events,
  body.institutions-show .sm-display-articles .research-and-expert-database {
    display: none; }
  body.institutions-show .sm-display-contributors #articles,
  body.institutions-show .sm-display-contributors #jobs-and-events {
    display: none; }
  body.institutions-show .sm-display-jobs-and-events #articles,
  body.institutions-show .sm-display-jobs-and-events #contributors,
  body.institutions-show .sm-display-jobs-and-events .research-and-expert-database {
    display: none; }
  body.institutions-show .content-list article header,
  body.institutions-show .content-list article .content {
    margin-left: 0; }
  body.institutions-show .content-list article:first-child img {
    display: block; } }

#institution-show-header {
  margin-bottom: 36px; }
  #institution-show-header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  #institution-show-header .logo {
    display: block; }
  #institution-show-header .description p {
    padding-right: 0;
    margin-bottom: 18px; }
    #institution-show-header .description p:last-child {
      margin-bottom: 0; }
  #institution-show-header .description ul, #institution-show-header .description ol {
    margin-left: 40px;
    margin-bottom: 18px; }
  #institution-show-header li.feed + li.feed {
    margin-top: 4px; }

body.pages .page-area-special-notification {
  position: relative;
  margin-bottom: 36px; }
  body.pages .page-area-special-notification img {
    display: block;
    width: 100%; }

body.pages .special-notification {
  clear: both;
  position: relative; }
  body.pages .special-notification .page-area {
    position: relative; }
  body.pages .special-notification .without-image img {
    min-height: 100px;
    width: 100%;
    background: #fefefe;
    border: none; }
  body.pages .special-notification .change-image.empty {
    display: block;
    height: 100%;
    left: 0;
    line-height: 100px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%; }
  body.pages .special-notification .change-image.present,
  body.pages .special-notification .crop-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: block;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 30px; }
    body.pages .special-notification .change-image.present:hover,
    body.pages .special-notification .crop-link:hover {
      background: #666; }
  body.pages .special-notification .change-image.present {
    top: 30px; }

body.pages.pages-edit .page-area-special-notification.inactive img {
  opacity: 0.1; }

body.pages.pages-edit .page-area-special-notification h3 {
  min-height: 18px; }

body.pages .columnists .b-format article {
  margin-bottom: 12px; }

body.pages .columnists .b-format a {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f6), to(#f8f9fb));
  background-image: -webkit-linear-gradient(#f0f2f6, #f8f9fb);
  background-image: -o-linear-gradient(#f0f2f6, #f8f9fb);
  background-image: linear-gradient(#f0f2f6, #f8f9fb);
  background-color: #f6f7fa;
  display: block;
  position: relative; }
  body.pages .columnists .b-format a:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }

body.pages .columnists .b-format figure {
  display: block;
  float: left;
  padding: 15px 20px 15px 15px; }
  body.pages .columnists .b-format figure img {
    border: 1px solid #fff;
    width: 70px;
    -webkit-border-radius: 50%;
            border-radius: 50%; }

body.pages .columnists .b-format header {
  padding: 10px; }

body.pages .columnists .b-format h2 {
  font-size: 16px;
  line-height: 1.3em;
  margin-bottom: 0; }

body.pages .columnists .b-format p {
  margin: 3px 0 0 0;
  font-size: 11px; }

body.pages .columnists .quotation-mark {
  color: #bfc6d0;
  font-size: 12px;
  position: absolute;
  left: 88px;
  top: 11px; }

body.pages .columnists .more {
  margin-bottom: 0; }

body.pages .columnists li.odd {
  background-color: #f5f8fa; }

body.pages .columnists .c-format article {
  margin-bottom: 0; }

body.pages .columnists .c-format a {
  display: block;
  overflow: hidden;
  padding: 6px 12px; }

body.pages .columnists .c-format span {
  color: #727272; }

body.pages .columnists .team-blog {
  float: none;
  margin: 0; }
  body.pages .columnists .team-blog article a h2 {
    float: left;
    font-size: 12px;
    width: 80%; }
  body.pages .columnists .team-blog article a .post-author-avatar {
    float: right;
    margin-top: 5px;
    width: 40px; }

@media only screen and (max-width: 599px) {
  body.pages .columnists .b-format a {
    height: auto;
    padding-bottom: 20px; } }

@media only screen and (min-width: 1466px) {
  body.pages .columnists .b-format h2 {
    font-size: 20px; } }

body.pages .override-title {
  position: absolute;
  left: 0;
  margin-top: -15px; }

body.pages .module {
  margin-bottom: 36px; }

body.pages .module.twitter-widget {
  clear: both;
  width: 100%;
  height: 600px;
  position: relative; }
  body.pages .module.twitter-widget iframe {
    position: absolute !important;
    width: 100% !important; }

body.pages .top-aligned {
  margin-top: 0; }

body.pages #columnists p.more {
  margin: 30px 0 12px; }

body.pages #most-read ol li {
  list-style: none;
  margin: 18px 0; }
  body.pages #most-read ol li:last-child {
    margin-bottom: 0; }
  body.pages #most-read ol li a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px; }

body.pages #all-of-the-things .module {
  margin-bottom: 36px; }

body.pages #all-of-the-things #partners a {
  display: block; }
  body.pages #all-of-the-things #partners a img {
    width: 100%;
    margin-bottom: 10px; }

body.pages #all-of-the-things #partners div {
  font-size: 11px;
  text-align: center;
  color: #aaa; }

body.pages #all-of-the-things #rss ul li {
  list-style: none; }

body.pages .sponsorship img {
  max-width: 100%; }

body.pages .page-layout.section #tabbed-navigation {
  display: none; }

body.pages #special_section .page-area.c-format:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

body.pages #special_section .page-area.c-format article {
  float: left;
  width: 47.5%;
  margin-right: 2.5%; }
  body.pages #special_section .page-area.c-format article a {
    padding-bottom: 6px; }

body.pages .feature-section #analysis-and-comment,
body.pages .feature-section .latest-multimedia {
  margin-top: 36px; }

body.pages .feature-section section#columnists {
  margin-bottom: 0; }

body.pages .feature-section #analysis-and-comment article.placed figcaption {
  display: none; }

body.pages .feature-section #analysis-and-comment article.placed time {
  display: none; }

body.pages .feature-section #analysis-and-comment article.placed header h1 {
  font-size: 18px; }

body.pages .feature-section #analysis-and-comment article.placed figure {
  float: left;
  max-width: 170px;
  margin: 5px 1em 2em 0; }

body.pages .feature-section #analysis-and-comment article.placed .content {
  padding-bottom: 1em; }

@media only screen and (min-width: 1466px) {
  body.pages #special_section .page-area.c-format article a {
    font-size: 15px;
    line-height: 22px; } }

body.pages #editors-picks:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

body.pages #editors-picks article {
  height: auto; }
  body.pages #editors-picks article .article-link {
    min-height: 100%; }
  body.pages #editors-picks article .category {
    display: block; }

body.pages #editors-picks .more {
  clear: both; }

#podcasts.featured-on-homepage .podcast {
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
  display: block;
  padding: 12px;
  margin-bottom: 2px; }
  #podcasts.featured-on-homepage .podcast:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  #podcasts.featured-on-homepage .podcast:hover {
    background-color: white; }

#podcasts.featured-on-homepage h3, #podcasts.featured-on-homepage p, #podcasts.featured-on-homepage h5 {
  color: #000; }

#podcasts.featured-on-homepage h3 {
  font-size: 14px; }

#podcasts.featured-on-homepage p {
  line-height: 15px;
  font-size: 12px;
  padding-right: 42px; }

#podcasts.featured-on-homepage h5 {
  font-size: 12px; }

#podcasts.featured-on-homepage h3, #podcasts.featured-on-homepage h5 {
  color: #383838; }

.region_au #podcasts.featured-on-homepage .podcast {
  background: #f6f6f6 url(/assets/podcasts/homepage-feature-ca8b9622ff625a813601e2f9d3b6c653.png) no-repeat top left; }

.region_au #podcasts.featured-on-homepage .speaking-with {
  background-position: right 36px; }

.region_au #podcasts.featured-on-homepage .politics-with-michelle-grattan {
  background-position: right -173px; }

.region_au #podcasts.featured-on-homepage .business-briefing {
  background-position: right -423px; }

.region_au #podcasts.featured-on-homepage .change-agents {
  background-position: right -669px; }

.region_uk #podcasts.featured-on-homepage .podcast {
  background: url(/assets/podcasts/uk-homepage-feature-9bfc8a48fcfb54d554748a26b7679d54.png) no-repeat top left; }
  .region_uk #podcasts.featured-on-homepage .podcast h3 {
    margin-bottom: 40px; }
  .region_uk #podcasts.featured-on-homepage .podcast p {
    margin-bottom: 0; }

.region_uk #podcasts.featured-on-homepage .the-anthill {
  background-color: #d0edf4;
  background-position: right -165px; }

.region_uk #podcasts.featured-on-homepage .in-depth-out-loud {
  background-color: #d0edf4;
  background-position: left -665px; }
  .region_uk #podcasts.featured-on-homepage .in-depth-out-loud h3 {
    color: #d7352a;
    font-size: 20px;
    font-weight: bold;
    line-height: 0.75;
    text-align: center;
    text-transform: uppercase; }
    .region_uk #podcasts.featured-on-homepage .in-depth-out-loud h3 span {
      display: block;
      color: #fff; }
  .region_uk #podcasts.featured-on-homepage .in-depth-out-loud p {
    color: #fff;
    font-weight: bold; }

.region_uk #podcasts.featured-on-homepage .election-weekly {
  background-color: #f6f6f6;
  background-position: right bottom; }

@media only screen and (max-width: 599px) {
  #podcasts.featured-on-homepage {
    display: none; } }

@media only screen and (min-width: 1466px) {
  #podcasts.featured-on-homepage h3 {
    font-size: 16px; }
  #podcasts.featured-on-homepage p {
    line-height: 18px;
    font-size: 13px; }
  #podcasts.featured-on-homepage h5 {
    font-size: 13px; }
  #podcasts.featured-on-homepage .speaking-with {
    background-position: right 29px; }
  #podcasts.featured-on-homepage .politics-with-michelle-grattan {
    background-position: right -179px; } }

body.pages .feature-gallery h3 {
  color: #fff; }

body.pages article.gallery {
  position: relative; }
  body.pages article.gallery img {
    display: block;
    max-width: 100%;
    width: auto; }
  body.pages article.gallery figure figcaption {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: white;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    line-height: 1.4;
    padding: 20px 140px 20px 20px;
    right: 0; }
  body.pages article.gallery time {
    display: none; }
  body.pages article.gallery header h2 {
    display: none; }
  body.pages article.gallery header .byline {
    color: #fff; }
    body.pages article.gallery header .byline em {
      color: #bbb;
      font-style: normal; }
  body.pages article.gallery .content,
  body.pages article.gallery header .byline {
    bottom: 37px;
    position: absolute;
    right: 15px; }
  body.pages article.gallery .content {
    bottom: 5px;
    right: 10px; }

body.pages .latest-multimedia ol,
body.pages .latest-comments ol {
  list-style: none; }

body.pages .latest-multimedia ol li,
body.pages .latest-multimedia ol li p,
body.pages .latest-comments ol li,
body.pages .latest-comments ol li p {
  color: #727272;
  margin: 0; }

body.pages .latest-multimedia ol li p.tweet-body a,
body.pages .latest-comments ol li p.tweet-body a {
  color: #727272; }
  body.pages .latest-multimedia ol li p.tweet-body a:hover,
  body.pages .latest-comments ol li p.tweet-body a:hover {
    color: #069; }

body.pages .latest-multimedia ol li,
body.pages .latest-comments ol li {
  margin-bottom: 12px;
  overflow-x: hidden; }

body.pages .latest-multimedia ol li p,
body.pages .latest-comments ol li p {
  display: inline; }

body.pages .latest-comments {
  margin-top: 36px; }

.quote-of-the-day span {
  display: block;
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", serif; }

.quote-of-the-day .quote-text {
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 8 4 4;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-before: 4;
  font-size: 24px;
  line-height: 30px; }
  .quote-of-the-day .quote-text:before, .quote-of-the-day .quote-text:after {
    font-weight: bold;
    color: #aaa; }
  .quote-of-the-day .quote-text:before {
    content: '\201C'; }
  .quote-of-the-day .quote-text:after {
    content: '\201D'; }

.quote-of-the-day .quote-attribution {
  margin-top: 12px;
  font-size: 16px;
  font-style: italic;
  text-align: right; }
  .quote-of-the-day .quote-attribution:before {
    content: '\2014'; }

body.region_africa.pages-show-business .research-and-expert-database {
  margin-top: 0; }

body.region_africa.pages-show-education .research-and-expert-database {
  margin-top: 0; }

body.region_africa.pages-show-environment .research-and-expert-database {
  margin-top: 0; }

body.region_africa.pages-show-health .research-and-expert-database {
  margin-top: 0; }

body.region_africa.pages-show-home-page .research-and-expert-database {
  margin-top: 0; }

body.region_africa.pages-show-politics .research-and-expert-database {
  margin-top: 0; }

body.region_africa.pages-show-technology .research-and-expert-database {
  margin-top: 0; }

body.pages-articles header h1 {
  padding-bottom: 9px; }

body.pages-articles header h3 {
  border-bottom: 1px solid #eee;
  margin-bottom: 36px;
  padding-bottom: 9px; }

.page-layout.arts {
  margin-top: -12px; }
  .page-layout.arts .page-column .module {
    margin-top: 0; }
    .page-layout.arts .page-column .module + .module {
      margin-top: 36px; }
  .page-layout.arts .page-column .quote-of-the-day .page-area {
    margin-bottom: 36px; }
  .page-layout.arts .slot.empty {
    min-height: 100px;
    margin-bottom: 20px; }
  .page-layout.arts .blockset .page-area article.placed .remove-unplaced,
  .page-layout.arts .blockset .page-area article.placed .change-image.present,
  .page-layout.arts .blockset .page-area article.placed .crop-link {
    right: 0;
    width: 20px;
    height: 20px;
    padding: 6px 5px 4px;
    -webkit-border-radius: 0;
            border-radius: 0;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 5;
    text-align: center; }
  .page-layout.arts .blockset .page-area article.placed .change-image.present {
    top: 0; }
  .page-layout.arts .blockset .page-area article.placed .crop-link {
    top: 30px; }
  .page-layout.arts .blockset .page-area article.placed .change-image.present,
  .page-layout.arts .blockset .page-area article.placed .crop-link {
    -webkit-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms; }
    .page-layout.arts .blockset .page-area article.placed .change-image.present:hover,
    .page-layout.arts .blockset .page-area article.placed .crop-link:hover {
      background: rgba(92, 164, 224, 0.9);
      color: #fff; }
  .page-layout.arts .blockset .page-area article.placed .remove-unplaced {
    -webkit-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms;
    top: 60px; }
    .page-layout.arts .blockset .page-area article.placed .remove-unplaced:hover {
      background: rgba(216, 53, 42, 0.9);
      color: #fff; }
  .page-layout.arts div.guide {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px; }
    .page-layout.arts div.guide img {
      float: left;
      clear: both; }
  .page-layout.arts #page-area-bull {
    clear: both; }
  .page-layout.arts .b-format .remove-unplaced.action {
    left: -46px;
    right: auto;
    top: 34px; }
  .page-layout.arts .main-column .b-format {
    clear: both; }
    .page-layout.arts .main-column .b-format article {
      min-height: 120px;
      margin-bottom: 20px;
      background-color: #f6f6f6;
      position: relative;
      padding: 1.5em; }
      .page-layout.arts .main-column .b-format article:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0; }
      .page-layout.arts .main-column .b-format article time {
        display: none; }
      .page-layout.arts .main-column .b-format article figure {
        position: absolute;
        display: block;
        width: 165px;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden; }
        .page-layout.arts .main-column .b-format article figure a.article-link {
          display: block;
          height: 100%;
          width: 100%;
          overflow: hidden; }
          @media only screen and (max-width: 599px) {
            .page-layout.arts .main-column .b-format article figure a.article-link {
              display: none; } }
      .page-layout.arts .main-column .b-format article figcaption {
        display: none; }
      .page-layout.arts .main-column .b-format article img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0; }
      .page-layout.arts .main-column .b-format article .audio-player {
        margin-left: 165px;
        position: relative; }
        @media only screen and (max-width: 599px) {
          .page-layout.arts .main-column .b-format article .audio-player {
            margin-left: 0; } }
      .page-layout.arts .main-column .b-format article header {
        margin-left: 165px;
        position: relative; }
        .page-layout.arts .main-column .b-format article header h4 {
          position: absolute;
          top: 10px;
          font-size: 11px;
          font-style: italic;
          font-weight: normal;
          background-color: #d8352a;
          color: #fff;
          z-index: 3;
          -webkit-box-shadow: 0 3px 0 #8a211e;
                  box-shadow: 0 3px 0 #8a211e;
          left: 0;
          padding: 3px 10px 3px 10px;
          line-height: 18px;
          letter-spacing: normal;
          text-transform: none; }
          .page-layout.arts .main-column .b-format article header h4:after {
            content: '';
            position: absolute;
            display: block;
            top: 0;
            border: 1.1em solid #d8352a;
            z-index: 2;
            -webkit-box-shadow: 0 3px 0 #8a211e;
                    box-shadow: 0 3px 0 #8a211e;
            right: -1em;
            border-left-width: 0.6em;
            border-right-color: transparent; }
        .page-layout.arts .main-column .b-format article header input#inline-editing {
          position: absolute;
          top: 10px;
          width: 150px;
          left: 0; }
        @media only screen and (max-width: 599px) {
          .page-layout.arts .main-column .b-format article header {
            margin-left: 0; } }
        .page-layout.arts .main-column .b-format article header h4 {
          left: -185px;
          top: -10px; }
          @media only screen and (max-width: 599px) {
            .page-layout.arts .main-column .b-format article header h4 {
              position: relative;
              left: -24px;
              float: left;
              margin: 0; } }
        .page-layout.arts .main-column .b-format article header a {
          color: #000; }
        .page-layout.arts .main-column .b-format article header h2 {
          color: #fff;
          float: none;
          font-size: 18px;
          line-height: 1em; }
          @media only screen and (min-width: 1466px) {
            .page-layout.arts .main-column .b-format article header h2 {
              font-size: 20px; } }
          @media only screen and (max-width: 599px) {
            .page-layout.arts .main-column .b-format article header h2 {
              clear: left;
              font-size: 15px; } }
        .page-layout.arts .main-column .b-format article header .byline {
          display: block;
          clear: both;
          font-size: 11px; }
        .page-layout.arts .main-column .b-format article header h1, .page-layout.arts .main-column .b-format article header .byline {
          line-height: 1.2;
          margin: 0 0 5px 0; }
      .page-layout.arts .main-column .b-format article .content {
        margin-left: 165px; }
        @media only screen and (max-width: 599px) {
          .page-layout.arts .main-column .b-format article .content {
            font-size: 12px;
            margin-left: 0;
            line-height: 1.4; } }
  .page-layout.arts .c-format article h2 {
    font-size: 13px; }
  .page-layout.arts .c-format article .byline, .page-layout.arts .c-format article .content, .page-layout.arts .c-format article figure {
    display: none; }
  .page-layout.arts .quote-of-the-day h3.bordered {
    margin-bottom: 0; }
  .page-layout.arts .quote-of-the-day .page-area {
    padding: 1.2em;
    background-color: #333333;
    color: #fff; }
    .page-layout.arts .quote-of-the-day .page-area .quote-text {
      font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", serif;
      font-style: italic; }
    .page-layout.arts .quote-of-the-day .page-area .quote-attribution {
      margin-top: 20px;
      font: normal bold 16px "Helvetica Neue", helvetica, arial, sans-serif;
      text-align: right; }

@media only screen and (min-width: 1466px) {
  .page-layout.arts #columnists article header h2 {
    padding-top: 3px;
    font-size: 19px; } }

.region_fr.pages-show-arts #editors-picks,
.region_fr.pages-show-arts .jobs-events-list {
  margin-top: 0; }

.au-election-2016 .page-header {
  border-bottom: 4px solid #ccc; }

.au-election-2016 #columnists {
  margin-top: 20px; }

.au-election-2016 #page-area-series3-more {
  padding-top: 10px; }

.au-election-2016 .feature-section article.placed .audio-player,
.au-election-2016 .feature-section article.placed .content {
  margin-left: 180px; }

.au-election-2016 .feature-section article.placed figure {
  min-height: 100px;
  max-height: 100px; }

@media only screen and (max-width: 599px) {
  .au-election-2016 .feature-section article.placed .audio-player,
  .au-election-2016 .feature-section article.placed .content {
    clear: left;
    margin-left: 0; }
  .au-election-2016 .feature-section article.placed header {
    margin-left: 90px; }
  .au-election-2016 .feature-section article.placed figure {
    margin: 5px 1em 1em 0;
    min-height: auto;
    max-height: auto;
    max-width: 75px !important; } }

body.region_au.pages-show-factcheck .research-and-expert-database {
  margin-top: 0; }

.page-layout.au_global_pressure_points_2017 .world-map-area h3 {
  margin-bottom: 12px; }

.page-layout.au_global_pressure_points_2017 .b-format article figure {
  display: block;
  float: left;
  width: 200px;
  margin-right: 20px; }

.page-layout.au_global_pressure_points_2017 .b-format article figcaption {
  display: none; }

body.pages-show-election-2013 .advertisement {
  margin-top: 20px; }
  @media only screen and (min-width: 1466px) {
    body.pages-show-election-2013 .advertisement {
      margin-top: 30px; } }
  body.pages-show-election-2013 .advertisement h3 {
    margin-bottom: 10px; }
    @media only screen and (min-width: 1466px) {
      body.pages-show-election-2013 .advertisement h3 {
        margin-bottom: 12px;
        padding-top: 12px; } }

@media only screen and (min-width: 1466px) {
  body.pages-show-election-2013 #columnists h2 {
    font-size: 18px; }
  body.pages-show-election-2013 #columnists article {
    margin-bottom: 19px; }
    body.pages-show-election-2013 #columnists article a {
      height: 88px; }
      body.pages-show-election-2013 #columnists article a header {
        padding: 14px;
        margin-right: 80px; }
        body.pages-show-election-2013 #columnists article a header h2 {
          text-indent: 30px; }
      body.pages-show-election-2013 #columnists article a header:before {
        content: "\201C";
        position: absolute;
        left: -16px;
        top: 24px;
        font-size: 50px; }
      body.pages-show-election-2013 #columnists article a figure img {
        height: 96px; }
      body.pages-show-election-2013 #columnists article a figure figcaption {
        right: 50px;
        font-size: 11px; } }

.region_fr.pages-show-environnement #editors-picks,
.region_fr.pages-show-environnement .jobs-events-list {
  margin-top: 0; }

body.pages-show-election-factcheck-2016 #hot-topics,
body.pages-show-factcheck #hot-topics {
  display: none; }

body.pages-show-election-factcheck-2016.region_au #page-area-factcheck-lead .byline,
body.pages-show-election-factcheck-2016.region_au #page-area-factcheck .byline,
body.pages-show-factcheck.region_au #page-area-factcheck-lead .byline,
body.pages-show-factcheck.region_au #page-area-factcheck .byline {
  display: none; }

body.pages-show-election-factcheck-2016 #page-area-factcheck header,
body.pages-show-election-factcheck-2016 #page-area-factcheck-lead header,
body.pages-show-factcheck #page-area-factcheck header,
body.pages-show-factcheck #page-area-factcheck-lead header {
  padding: 18px 0 6px; }

body.pages-show-election-factcheck-2016 .highlight-panel article,
body.pages-show-factcheck .highlight-panel article {
  margin-bottom: 0; }

body.pages-show-election-factcheck-2016 .highlight-panel div,
body.pages-show-factcheck .highlight-panel div {
  padding: 0; }

body.pages-show-election-factcheck-2016 .highlight-panel li,
body.pages-show-factcheck .highlight-panel li {
  position: relative; }

body.pages-show-election-factcheck-2016 .highlight-panel .column-text,
body.pages-show-factcheck .highlight-panel .column-text {
  display: block;
  position: relative; }

body.pages-show-election-factcheck-2016 .highlight-panel header,
body.pages-show-factcheck .highlight-panel header {
  padding: 20px;
  position: relative; }
  body.pages-show-election-factcheck-2016 .highlight-panel header h2,
  body.pages-show-factcheck .highlight-panel header h2 {
    line-height: 1.65;
    margin-bottom: 12px; }
  body.pages-show-election-factcheck-2016 .highlight-panel header p,
  body.pages-show-factcheck .highlight-panel header p {
    color: #333;
    padding: 0; }

body.pages-show-election-factcheck-2016 .highlight-panel .read,
body.pages-show-factcheck .highlight-panel .read {
  padding: 0 20px 14px;
  text-align: right; }

body.pages-show-election-factcheck-2016 #page-area-factcheck article,
body.pages-show-factcheck #page-area-factcheck article {
  padding: 18px 0 0;
  border-top: 1px solid #eee; }

body.pages-show-election-factcheck-2016 #page-area-factcheck figcaption,
body.pages-show-factcheck #page-area-factcheck figcaption {
  display: none; }

body.pages-show-election-factcheck-2016 #page-area-factcheck figure,
body.pages-show-factcheck #page-area-factcheck figure {
  width: 120px;
  margin-right: 20px;
  float: left; }
  body.pages-show-election-factcheck-2016 #page-area-factcheck figure a img,
  body.pages-show-factcheck #page-area-factcheck figure a img {
    width: 120px; }

body.pages-show-election-factcheck-2016 #page-area-factcheck header,
body.pages-show-factcheck #page-area-factcheck header {
  padding-top: 0;
  margin-left: 140px; }
  body.pages-show-election-factcheck-2016 #page-area-factcheck header h1,
  body.pages-show-factcheck #page-area-factcheck header h1 {
    font-size: 20px;
    margin-bottom: 20px; }

body.pages-show-election-factcheck-2016 #page-area-factcheck .content,
body.pages-show-factcheck #page-area-factcheck .content {
  margin-left: 140px; }

body.pages-show-election-factcheck-2016 .research-repository h3,
body.pages-show-factcheck .research-repository h3 {
  margin-bottom: 0; }

body.pages-show-election-factcheck-2016 .factcheck-in-the-news li,
body.pages-show-factcheck .factcheck-in-the-news li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 12px; }

body.pages-show-election-factcheck-2016 .factcheck-topic-follow ul,
body.pages-show-factcheck .factcheck-topic-follow ul {
  list-style: none; }

body.pages-show-election-factcheck-2016 .factcheck-topic-follow li,
body.pages-show-factcheck .factcheck-topic-follow li {
  border-bottom: 1px solid #eee;
  position: relative;
  font-size: 14px;
  font-weight: bold; }

body.pages-show-election-factcheck-2016 .factcheck-topic-follow a,
body.pages-show-factcheck .factcheck-topic-follow a {
  padding: 20px 60px 20px 20px;
  display: block; }
  body.pages-show-election-factcheck-2016 .factcheck-topic-follow a:hover,
  body.pages-show-factcheck .factcheck-topic-follow a:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#f7f8fa), to(#fff));
    background-image: -webkit-linear-gradient(left, #fff, #f7f8fa, #fff);
    background-image: -o-linear-gradient(left, #fff, #f7f8fa, #fff);
    background-image: linear-gradient(to right, #fff, #f7f8fa, #fff); }

body.pages-show-election-factcheck-2016 .factcheck-topic-follow img,
body.pages-show-factcheck .factcheck-topic-follow img {
  position: absolute;
  right: 0;
  bottom: 0; }

body.pages-show-election-factcheck-2016 #about,
body.pages-show-factcheck #about {
  margin-top: 62px;
  padding-bottom: 0;
  border-top: 4px solid #e9e3bf; }
  body.pages-show-election-factcheck-2016 #about h3,
  body.pages-show-factcheck #about h3 {
    margin-top: 36px; }

body.pages-show-election-factcheck-2016 .special-notification,
body.pages-show-factcheck .special-notification {
  clear: both; }
  body.pages-show-election-factcheck-2016 .special-notification h3,
  body.pages-show-factcheck .special-notification h3 {
    min-height: 20px; }

body.pages-show-election-factcheck-2016 .advertisement h3,
body.pages-show-factcheck .advertisement h3 {
  padding-top: 12px; }

body.pages-show-election-factcheck-2016.region_uk #analysis-and-comment h3.bordered,
body.pages-show-factcheck.region_uk #analysis-and-comment h3.bordered {
  border-bottom: 4px solid #ccc;
  display: block;
  font-size: 1.25em;
  margin: 0;
  padding-bottom: 12px; }

body.pages-show-election-factcheck-2016.region_uk .election,
body.pages-show-factcheck.region_uk .election {
  margin-top: 0; }
  body.pages-show-election-factcheck-2016.region_uk .election h3,
  body.pages-show-factcheck.region_uk .election h3 {
    margin: 0;
    padding-top: 0; }

body.pages-show-election-factcheck-2016.region_uk .manifesto-check-ad h3,
body.pages-show-factcheck.region_uk .manifesto-check-ad h3 {
  margin: 0;
  padding-top: 0; }

body.page-layout.glasgow_2014 #media-team article {
  margin-bottom: 0; }
  body.page-layout.glasgow_2014 #media-team article.even a {
    background: #f5f8fa; }
  body.page-layout.glasgow_2014 #media-team article.odd a {
    background: #fff; }
  body.page-layout.glasgow_2014 #media-team article a {
    height: auto;
    min-height: 60px; }
    body.page-layout.glasgow_2014 #media-team article a h1 {
      font-size: 12px;
      line-height: 1.3;
      text-indent: 0;
      margin-bottom: 0; }
      body.page-layout.glasgow_2014 #media-team article a h1 span {
        color: #727272; }
    body.page-layout.glasgow_2014 #media-team article a header {
      margin-right: 50px; }
    body.page-layout.glasgow_2014 #media-team article a header:before {
      content: ""; }
    body.page-layout.glasgow_2014 #media-team article a figure {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100px;
      height: 68px; }
      body.page-layout.glasgow_2014 #media-team article a figure img {
        height: 68px; }

body.pages-show-manifesto-check-2015 .manifesto-party-logo {
  clear: left;
  padding-right: 20px; }
  body.pages-show-manifesto-check-2015 .manifesto-party-logo img {
    width: 100%; }

body.pages-show-manifesto-check-2015 .page-area article figure {
  float: left;
  margin: 0 20px 0 0;
  width: 100px; }
  body.pages-show-manifesto-check-2015 .page-area article figure img {
    width: 100%; }
  body.pages-show-manifesto-check-2015 .page-area article figure figcaption {
    display: none; }

body.pages-show-manifesto-check-2015 .research-repository article figure {
  width: 150px;
  float: left; }

@media only screen and (max-width: 599px) {
  body.pages-show-manifesto-check-2015 .manifesto-party-logo {
    max-width: 100px;
    float: left; }
  body.pages-show-manifesto-check-2015 h3.bordered {
    display: block; } }

body.pages-show-olympics-2012 #columnists h3 {
  position: relative; }
  body.pages-show-olympics-2012 #columnists h3:before {
    background: transparent url(/assets/olympic-nav-fadeout-5ef0c7c3915f8cdfba5b41ae5b87f866.png) repeat-y;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4; }

body.pages-show-paralympics-2012 #columnists h3 {
  position: relative; }
  body.pages-show-paralympics-2012 #columnists h3:before {
    background: transparent url(/assets/olympic-nav-fadeout-5ef0c7c3915f8cdfba5b41ae5b87f866.png) repeat-y;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4; }

body.pages-show-paris-2015 .page-header,
body.pages-show-cop21 .page-header {
  border: none;
  padding: 0;
  margin-bottom: 1em; }

body.pages-show-paris-2015 .page-byline,
body.pages-show-cop21 .page-byline {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 2em;
  margin-top: -1em; }

body.pages-show-paris-2015 #columnists article a,
body.pages-show-cop21 #columnists article a {
  background: #f6f6f6; }

body.pages-show-paris-2015 #columnists article figure img,
body.pages-show-cop21 #columnists article figure img {
  width: 150px; }

body.pages-show-paris-2015 #columnists article header,
body.pages-show-cop21 #columnists article header {
  margin-right: 64px;
  padding: 10px; }
  body.pages-show-paris-2015 #columnists article header h2,
  body.pages-show-cop21 #columnists article header h2 {
    color: #424242;
    font-size: 16px;
    line-height: 1.35;
    margin: 0; }
    @media only screen and (min-width: 1466px) {
      body.pages-show-paris-2015 #columnists article header h2,
      body.pages-show-cop21 #columnists article header h2 {
        padding-top: 3px;
        font-size: 19px; } }

body.pages-show-paris-2015 .feature-gallery article,
body.pages-show-cop21 .feature-gallery article {
  margin-bottom: 0; }

body.pages-show-paris-2015 .feature-gallery article + article,
body.pages-show-cop21 .feature-gallery article + article {
  margin-bottom: 18px; }

body.pages-show-paris-2015 .view-interactive-map,
body.pages-show-cop21 .view-interactive-map {
  background-color: #eee;
  padding: 10px;
  display: block;
  height: 45px;
  margin-top: 20px;
  text-align: center;
  bottom: 0;
  position: absolute;
  width: 332px; }
  body.pages-show-paris-2015 .view-interactive-map:after,
  body.pages-show-cop21 .view-interactive-map:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  body.pages-show-paris-2015 .view-interactive-map a,
  body.pages-show-cop21 .view-interactive-map a {
    height: auto;
    font-size: 14px;
    line-height: 1.65;
    padding: 10px 24px; }

body.pages-show-paris-2015 .top-area,
body.pages-show-cop21 .top-area {
  min-height: 333px; }
  body.pages-show-paris-2015 .top-area #columnists h3.bordered,
  body.pages-show-cop21 .top-area #columnists h3.bordered {
    display: none; }
  body.pages-show-paris-2015 .top-area #columnists .columnist,
  body.pages-show-cop21 .top-area #columnists .columnist {
    margin-top: 0; }

body.pages-show-paris-2015 #want-to-republish,
body.pages-show-cop21 #want-to-republish {
  margin-top: 0; }

body.pages-show-paris-2015 #map,
body.pages-show-cop21 #map {
  width: 100%;
  height: 300px;
  border: 1px solid #eaeaea; }

body.pages-show-paris-2015 .map-button,
body.pages-show-cop21 .map-button {
  display: none;
  height: auto;
  line-height: 1.65;
  text-align: center; }

body.pages-show-paris-2015 #outer,
body.pages-show-cop21 #outer {
  position: relative; }
  body.pages-show-paris-2015 #outer > .wrapper,
  body.pages-show-cop21 #outer > .wrapper {
    position: static; }

body.pages-show-paris-2015 .what-you-need-to-know .slammed,
body.pages-show-cop21 .what-you-need-to-know .slammed {
  margin-bottom: 12px; }

body.pages-show-paris-2015 #analysis-and-comment #page-area-analysis-lead,
body.pages-show-cop21 #analysis-and-comment #page-area-analysis-lead {
  margin-top: -5px; }
  body.pages-show-paris-2015 #analysis-and-comment #page-area-analysis-lead article.placed figure,
  body.pages-show-cop21 #analysis-and-comment #page-area-analysis-lead article.placed figure {
    max-width: 100%;
    width: 100%;
    float: none; }

@media only screen and (max-width: 599px) {
  body.pages-show-paris-2015 .feature-map {
    display: none; }
  body.pages-show-paris-2015 .top-area {
    margin-top: 40px;
    min-height: auto; }
  body.pages-show-paris-2015 .view-interactive-map {
    background: transparent;
    height: auto;
    position: relative;
    padding: 0;
    margin-top: 40px;
    width: 100%; }
  body.pages-show-paris-2015 .paris-2015-targets {
    padding-top: 0; } }

@media only screen and (min-width: 1466px) {
  body.pages-show-paris-2015 .top-area {
    min-height: 467px; }
  body.pages-show-paris-2015 .view-interactive-map {
    height: 48px;
    padding: 30px;
    width: 436px; }
    body.pages-show-paris-2015 .view-interactive-map a {
      display: block; } }

.region_fr.pages-show-sante #editors-picks,
.region_fr.pages-show-sante .jobs-events-list {
  margin-top: 0; }

body.pages-show-scotland-decides-2014 #analysis-and-comment,
body.pages-show-scotland-decides-2014 .quote-of-the-day {
  margin-top: 0; }

body.page-layout.sochi_2014 #page-area-editors-picks article {
  margin-bottom: 0; }
  body.page-layout.sochi_2014 #page-area-editors-picks article figure {
    max-width: 100%; }

body.pages-show-rugby-2015 #analysis-and-comment #page-area-analysis-lead {
  margin-top: -12px; }
  body.pages-show-rugby-2015 #analysis-and-comment #page-area-analysis-lead article.placed figure {
    max-width: 100%;
    width: 100%;
    float: none; }

body.pages-show-usa-2012 #masthead .masthead-home-link {
  position: relative; }
  body.pages-show-usa-2012 #masthead .masthead-home-link:before {
    content: "";
    display: block;
    position: absolute;
    right: -100px;
    top: -13px;
    width: 84px;
    height: 42px;
    background: transparent url(/assets/us-election-2012-15575f15fc6b8e8655fb6b1a6c8b6e85.png) 50% 0% no-repeat; }

body.pages-show-world-cup-2014 #hot-topics {
  display: none; }

@media only screen and (min-width: 1466px) {
  body.pages-show-election-2015 .factcheck-ad {
    margin-top: 86px; }
    body.pages-show-election-2015 .factcheck-ad h3 {
      margin-bottom: 16px;
      padding-top: 12px; } }

body.pages-show-election-2015 .page-header {
  margin-bottom: 0;
  padding-bottom: 8px;
  border-bottom: 4px solid #ccc; }

body.pages-show-election-2015 #page-area-analysis figure {
  width: 100px;
  margin: 4px 1em 1em 0; }

body.pages-show-election-2015 #page-area-analysis .content {
  clear: both; }

body.pages-show-election-2015 .factcheck-ad {
  margin-top: 0; }
  body.pages-show-election-2015 .factcheck-ad h3 {
    margin-bottom: 0; }

body.region_us.pages-show-education #editors-picks, body.region_us.pages-show-education #most-read, body.region_us.pages-show-education #pitch-an-idea {
  margin-top: 0; }

body.partners.partners-index .content {
  font-size: 16.5px;
  line-height: 1.6; }

body.partners.partners-index p.intro {
  margin-bottom: 36px; }

body.partners.partners-index h1.page-header {
  margin-bottom: 18px; }

body.partners.partners-index .partner,
body.partners.partners-index #contributors {
  margin-top: 36px; }

body.partners.partners-index .partner h2 {
  padding-bottom: 6px -1px;
  border-bottom: 1px solid #eee; }

body.partners.partners-index .partner:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

body.partners.partners-index .partner > p {
  color: #888;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dotted #eee; }
  body.partners.partners-index .partner > p a {
    display: inline; }

body.partners.partners-index .partner article {
  overflow: auto;
  margin-bottom: 12px; }
  body.partners.partners-index .partner article a {
    color: #333; }
  body.partners.partners-index .partner article h3 {
    margin-bottom: 4px; }
  body.partners.partners-index .partner article p {
    padding-right: 0; }
    body.partners.partners-index .partner article p em {
      color: #069;
      font-style: normal; }
  body.partners.partners-index .partner article img {
    display: block;
    margin: auto;
    max-width: 100px; }

body.partners.partners-index #members,
body.partners.partners-index #founding-partners,
body.partners.partners-index #strategic-partners,
body.partners.partners-index #media-partners,
body.partners.partners-index #funding-partners {
  clear: both; }

body.partners.partners-show #related-content li {
  margin-bottom: 18px; }

@media only screen and (max-width: 599px) {
  body.passwords-new #new_user {
    padding-bottom: 40px; } }

body.pitches .expert-note {
  background-color: #f8f8f8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #eaeaea;
  font-weight: bold;
  padding: 20px;
  text-align: center; }

body.pitches .as-interested {
  display: none; }

body.pitches #pitch_type,
body.pitches #research_areas {
  border-bottom: none; }

body.pitches abbr[title=required] {
  display: none; }

body.pitches-index #outer {
  padding-top: 0; }

.submit-pitch-page-header {
  background: url(/assets/pitches/background-75d5703fc7c21a3ca53feeb8d3a457a9.png) center center repeat;
  padding: 40px 0;
  margin-bottom: 40px; }
  .submit-pitch-page-header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  .submit-pitch-page-header h1 {
    margin: 0; }

.submit-pitch-description {
  font-size: 16px;
  line-height: 1.85;
  margin-bottom: 80px; }

.submit-pitch-introduction ul {
  padding-left: 20px;
  margin-bottom: 40px; }

.submit-pitch-introduction h2 {
  margin-top: 1em; }

.submit-pitch-introduction h3 {
  font-size: 16px;
  line-height: 24px; }

.submit-pitch-introduction .toggle .show {
  color: #006699;
  cursor: pointer;
  margin-bottom: 1em; }

.submit-pitch-requirements h2 {
  font-size: 20px; }

.submit-pitch-requirements .button {
  display: block;
  height: auto;
  padding: 20px 0;
  text-align: center; }

.submit-pitch-requirements .author-signup,
.submit-pitch-requirements .author-signin {
  float: left; }

.submit-pitch-requirements .yes-author {
  font-size: 15px; }

.submit-pitch-requirements .no-reader {
  font-size: 12px; }

.submit-pitch-requirements .author-qualify {
  font-size: 15px; }

.submit-pitch-multi-buttons:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

.submit-pitch-multi-buttons .button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  width: 45%;
  font-size: 16px; }

.submit-pitch-multi-buttons .button + .button {
  margin-left: 10%; }

.submit-pitch-or {
  background: #eee;
  clear: both;
  height: 1px;
  margin: 40px 0;
  position: relative; }
  .submit-pitch-or span {
    background-color: #eee;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    display: block;
    font-size: 11px;
    height: 33px;
    left: 50%;
    line-height: 33px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -16px;
    width: 33px; }

@media only screen and (max-width: 599px) {
  body.podcasts {
    margin: 12px 0 24px 0; } }

body.podcasts img {
  display: block;
  max-width: 100%; }

body.podcasts header {
  position: relative; }
  body.podcasts header .options {
    position: absolute;
    right: 0;
    top: 7px; }
    @media only screen and (max-width: 599px) {
      body.podcasts header .options {
        display: none; } }
    body.podcasts header .options > div {
      float: left; }
      body.podcasts header .options > div + div {
        margin-left: 20px; }
    body.podcasts header .options select {
      margin: 0 0 0 5px;
      padding: 3px; }
    body.podcasts header .options a {
      display: inline-block;
      margin-top: 5px; }

body.podcasts .external-podcasts > div {
  background: #f9f9f9;
  padding: 18px 12px; }
  body.podcasts .external-podcasts > div h2 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 0 2em 0; }
  body.podcasts .external-podcasts > div .podcast h3 {
    margin-top: 0; }

body.podcasts .subtitle {
  font-size: 1.4em;
  font-style: italic;
  margin: 0 0 18px 0; }

body.podcasts .description {
  background: #f9f9f9;
  color: #727272;
  font-size: 1.1em;
  line-height: 1.5;
  padding: 18px; }

body.podcasts .episodes {
  margin: 36px 0 0 0; }
  body.podcasts .episodes h3 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 18px 0; }

body.podcasts .sidebar {
  background: #f9f9f9;
  margin: 12px 0 0 0;
  padding: 12px; }
  body.podcasts .sidebar .button {
    display: block;
    text-align: center;
    margin: 0; }
    body.podcasts .sidebar .button + .button {
      margin-top: 10px; }
  body.podcasts .sidebar h4 {
    margin: 0 0 18px 0; }

@media only screen and (max-width: 599px) {
  body.podcasts .podcast-info {
    display: none; } }

body.podcasts .podcast-info .image {
  border: 12px solid #f9f9f9; }

body.podcasts .podcast:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

body.podcasts .podcast + .podcast {
  margin: 36px 0 0 0; }

body.podcasts .podcast .col {
  float: left;
  width: 30%; }
  body.podcasts .podcast .col + .col {
    margin: 0 0 0 3%;
    width: 67%; }
    @media only screen and (max-width: 599px) {
      body.podcasts .podcast .col + .col {
        margin: 0;
        width: 100%; } }
  body.podcasts .podcast .col img {
    display: block;
    max-width: 100%; }
  body.podcasts .podcast .col time {
    color: #858585;
    display: block;
    font-size: 0.9em; }
  body.podcasts .podcast .col h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin: 18px 0; }
    @media only screen and (min-width: 600px) and (max-width: 1465px) {
      body.podcasts .podcast .col h3 {
        font-size: 16px;
        line-height: 21px;
        margin: 12px 0; } }
  body.podcasts .podcast .col p {
    font-size: 16.5px;
    line-height: 1.6;
    margin: 0 0 12px 0; }
  body.podcasts .podcast .col .image {
    border: 12px solid #f9f9f9;
    -webkit-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    position: relative; }
    body.podcasts .podcast .col .image:hover {
      opacity: 0.9; }
  body.podcasts .podcast .col .thin {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase; }

body.podcasts .podcast.no-lead-image .col {
  margin-left: 0; }
  @media only screen and (min-width: 600px) and (max-width: 1465px) {
    body.podcasts .podcast.no-lead-image .col {
      width: 100%; } }

body.editing-profile form.user fieldset.inputs li.avatar {
  border-bottom: none;
  padding-bottom: 0;
  padding-left: 25%;
  width: auto; }

body.editing-profile form.user fieldset.inputs #available_for-input-special-header,
body.editing-profile form.user fieldset.inputs #sex-input-special-header {
  border-bottom: none;
  padding-bottom: 0; }

body.editing-profile div.auto-subscribe {
  margin-top: 20px; }

body.editing-profile #primary-navigation,
body.editing-profile section#hot-topics {
  display: none; }

body.editing-profile td.index, body.editing-profile td.delete, body.editing-profile td.add {
  width: 10px; }

body.editing-profile td.privacy {
  width: 100px;
  text-align: center; }

body.editing-profile .tabbed-context-header {
  margin-bottom: 36px;
  position: relative;
  overflow: auto; }
  body.editing-profile .tabbed-context-header:before {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#777777));
    background: -webkit-linear-gradient(left, #fff, #777777);
    background: -o-linear-gradient(left, #fff, #777777);
    background: linear-gradient(to right, #fff, #777777);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    height: 1px;
    width: 75%;
    right: 0;
    top: 50%; }
  body.editing-profile .tabbed-context-header h1 {
    margin-bottom: 0; }
  body.editing-profile .tabbed-context-header nav {
    margin-top: 6px; }

body.editing-profile .editable-table {
  clear: both; }
  body.editing-profile .editable-table .professional-membership {
    width: 500px; }
  body.editing-profile .editable-table .privacy label {
    -webkit-border-radius: 3px;
            border-radius: 3px;
    color: #fff;
    font-size: 11px;
    padding: 0 6px;
    width: auto;
    margin-left: 6px; }
    body.editing-profile .editable-table .privacy label.private {
      border: 1px solid #ccc;
      color: #ccc; }
    body.editing-profile .editable-table .privacy label.public {
      border: 1px solid #39b54a;
      color: #39b54a; }

body.editing-profile .inline-value-change-link {
  display: inline-block;
  margin-left: 12px;
  font-size: 11px; }

body.profiles-connect-orcid .orcid-logo {
  float: right;
  max-width: 100%; }

body.profiles-credentials .editable-table {
  margin: 2em 0; }

body.profiles-credentials h4 {
  margin-top: 4em;
  margin-bottom: -22px; }

body.profiles-emails .email-addresses {
  list-style: none;
  margin: 0 0 60px 0;
  padding: 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5; }

body.profiles-emails .email-address {
  padding: 15px 0; }
  body.profiles-emails .email-address + .email-address {
    border-top: 1px solid #f5f5f5; }
  body.profiles-emails .email-address .tag {
    background: #9e9e9e;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
    padding: 1px 6px;
    letter-spacing: 0.05em;
    text-transform: uppercase; }
  body.profiles-emails .email-address .unconfirmed {
    background: #ffa25f; }
  body.profiles-emails .email-address form {
    float: right;
    margin-left: 10px; }

body.presenting-profile #outer {
  padding-top: 0; }

body.presenting-profile .profile-header {
  background-color: #f9f9f9;
  padding-top: 36px;
  position: relative; }
  body.presenting-profile .profile-header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }

body.presenting-profile .profile-body {
  margin-bottom: 72px; }

body.presenting-profile .profile-avatar figure {
  padding-top: 84px; }

body.presenting-profile .profile-avatar img {
  -webkit-border-radius: 100%;
          border-radius: 100%;
  border: 2px solid #f9f9f9;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 166px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

body.presenting-profile .profile-name {
  margin-top: 30px; }

body.presenting-profile .profile-occupation {
  margin-top: 18px;
  margin-bottom: 72px; }

body.presenting-profile .profile-contact-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 18px;
  position: relative;
  text-align: center;
  top: -22px;
  width: 100%; }

body.presenting-profile .profile-actions {
  text-align: center;
  margin-bottom: 36px;
  margin-top: 36px; }
  body.presenting-profile .profile-actions .button {
    margin-bottom: 10px; }
  body.presenting-profile .profile-actions .button + .button {
    margin-left: 10px; }

body.presenting-profile .information {
  clear: both;
  margin-bottom: 48px; }

body.presenting-profile .profile-bio {
  margin-top: 48px;
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.5; }

body.presenting-profile .profile-credentials ul {
  margin-bottom: 48px;
  list-style: none; }

body.presenting-profile .profile-credentials li {
  margin-bottom: 12px; }
  body.presenting-profile .profile-credentials li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }

body.presenting-profile .profile-credentials dt {
  font-weight: normal;
  font-style: italic; }

body.presenting-profile .profile-institution .institution-logo {
  display: block;
  text-align: center; }

body.presenting-profile .profile-institution img {
  width: 120px; }

body.presenting-profile .profile-articles {
  margin-top: 48px;
  margin-bottom: 48px; }
  body.presenting-profile .profile-articles article {
    clear: both;
    overflow: auto;
    margin-bottom: 24px; }
  body.presenting-profile .profile-articles time {
    display: block;
    font-size: 11px;
    color: #bbb; }
  body.presenting-profile .profile-articles figure {
    width: 166px;
    margin-right: 20px;
    float: left; }
    body.presenting-profile .profile-articles figure img {
      -webkit-border-radius: 2px;
              border-radius: 2px;
      width: 166px; }
    body.presenting-profile .profile-articles figure figcaption {
      display: none; }
  body.presenting-profile .profile-articles header h2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0; }

body.presenting-profile .profile-behaviour {
  margin-top: 48px;
  margin-bottom: 48px;
  list-style: none; }
  body.presenting-profile .profile-behaviour li {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    padding: 10px; }
    body.presenting-profile .profile-behaviour li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0; }
    body.presenting-profile .profile-behaviour li:nth-child(even) {
      background-color: #fff; }
    body.presenting-profile .profile-behaviour li .data {
      float: right;
      width: 40%; }
  body.presenting-profile .profile-behaviour .behaviour-other-user {
    clear: left;
    width: 100%;
    padding-top: 5px; }
    body.presenting-profile .profile-behaviour .behaviour-other-user:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0; }
    body.presenting-profile .profile-behaviour .behaviour-other-user + div {
      border-top: 1px solid #ddd; }
    body.presenting-profile .profile-behaviour .behaviour-other-user figure {
      float: left;
      width: 40px; }
    body.presenting-profile .profile-behaviour .behaviour-other-user img {
      max-width: 36px; }
    body.presenting-profile .profile-behaviour .behaviour-other-user div {
      float: left;
      padding: 6px 0 0 10px;
      white-space: nowrap; }

body.presenting-profile #tab-content .button {
  top: 0; }

body.presenting-profile .read-more {
  display: block;
  width: 100px;
  text-align: center;
  margin: 24px auto; }

@media only screen and (max-width: 599px) {
  body.presenting-profile .profile-stats {
    display: none; }
  body.presenting-profile .profile-contact-button {
    top: 0; }
  body.presenting-profile .visit-your-dashboard {
    display: none; }
  body.presenting-profile .profile-credentials {
    font-size: 12px; }
    body.presenting-profile .profile-credentials .year {
      width: 100px; }
    body.presenting-profile .profile-credentials .credential {
      float: none;
      margin-left: 100px;
      width: auto; }
  body.presenting-profile .profile-avatar figure {
    padding: 0; }
    body.presenting-profile .profile-avatar figure img {
      margin-left: 0;
      max-width: 100px;
      top: 10px; }
  body.presenting-profile .profile-name {
    margin-left: 110px; }
    body.presenting-profile .profile-name h1 {
      font-size: 20px; }
  body.presenting-profile .profile-occupation {
    font-size: 12px;
    line-height: normal;
    margin-left: 110px;
    margin-top: 6px;
    width: auto; }
  body.presenting-profile .profile-activity .filterable-list {
    display: none; }
  body.presenting-profile .profile-articles figure {
    display: none; }
  #contact-author {
    padding: 12px; }
    #contact-author ol {
      margin: 0; } }

body.registrations #nav-steps {
  margin: 10px 0 60px; }
  body.registrations #nav-steps ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  body.registrations #nav-steps li {
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #fafafa;
    padding: 20px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    pointer-events: none; }
  body.registrations #nav-steps li + li {
    margin-left: 20px; }
  body.registrations #nav-steps h3 {
    font-size: 18px;
    color: #999; }
  body.registrations #nav-steps p {
    margin: 0;
    color: #999; }
  body.registrations #nav-steps .on {
    background: #4a90e2;
    pointer-events: all; }
    body.registrations #nav-steps .on h3, body.registrations #nav-steps .on p {
      color: #fff; }
  body.registrations #nav-steps .navigable {
    pointer-events: all; }
    body.registrations #nav-steps .navigable h3 {
      color: #069; }

body.registrations #form-steps form {
  position: relative;
  overflow: hidden;
  padding-bottom: 2em;
  margin-bottom: 3em; }
  body.registrations #form-steps form .inputs li {
    border-bottom: none; }
  body.registrations #form-steps form .inputs li + li {
    border-top: 1px solid #eee; }
  body.registrations #form-steps form h2 {
    font-size: 20px;
    clear: both;
    color: #383838;
    padding: 40px 0 15px 0;
    margin: 0;
    border-bottom: 1px solid #e5e5e5; }
  body.registrations #form-steps form aside {
    padding-top: 20px; }

body.registrations #form-steps .terms-overflow {
  height: 300px;
  overflow: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 15px 15px 30px;
  border: 1px solid #e5e5e5;
  border-top: none; }

body.registrations #form-steps .terms-conditions section {
  padding: 1em 0; }
  body.registrations #form-steps .terms-conditions section:before {
    content: "";
    display: block;
    position: relative;
    top: -2em;
    border-top: 1px solid #e5e5e5;
    margin: 0 0 0 -85%; }
  body.registrations #form-steps .terms-conditions section:first-child:before,
  body.registrations #form-steps .terms-conditions section section:before {
    display: none; }

body.registrations #form-steps .terms-conditions h2 {
  padding: 0 0 5px;
  margin-bottom: 10px; }

body.registrations #form-steps #step-2 {
  display: none; }

body.registrations #form-steps #step-3 {
  display: none; }

body.registrations #form-steps.stepped-1 #step-1 {
  display: none; }

body.registrations #form-steps.stepped-1 #step-2 {
  display: block; }

body.registrations #form-steps.stepped-1 #step-3 {
  display: none; }

body.registrations #form-steps.stepped-2 #step-1 {
  display: none; }

body.registrations #form-steps.stepped-2 #step-2 {
  display: none; }

body.registrations #form-steps.stepped-2 #step-3 {
  display: block; }

@media only screen and (max-width: 599px) {
  body.registrations #nav-steps ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  body.registrations #nav-steps li + li {
    margin-left: 0;
    margin-top: 20px; } }

.resource-for-teachers .for-teachers {
  background: #fff;
  margin-top: -118px;
  margin-bottom: 30px;
  z-index: 10000;
  position: relative; }
  .resource-for-teachers .for-teachers .wrapper {
    height: 100%; }
  .resource-for-teachers .for-teachers .buttons {
    text-align: right;
    margin-top: 40px; }
  .resource-for-teachers .for-teachers img {
    margin-top: 40px;
    margin-left: -13px;
    margin-right: 30px;
    float: left; }
  .resource-for-teachers .for-teachers h1 {
    font-size: 42px;
    line-height: 1.15;
    float: left;
    margin-top: 32px;
    bottom: 20px; }

.resource-for-teachers .for-teachers--content p, .resource-for-teachers .for-teachers--content ul {
  font-family: "Libre Baskerville", Georgia, Times, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.65; }

.resource-for-teachers .for-teachers--content ul {
  padding-left: 32px; }

.resource-for-teachers .for-teachers--content li {
  list-style: disc;
  padding-left: 12px; }

.resource-for-teachers .for-teachers--content h2 {
  font-size: 42px;
  line-height: 1.1;
  margin-bottom: 40px; }

.resource-for-teachers .for-teachers--purpose,
.resource-for-teachers .for-teachers--content-mapped-to-the-curriculum,
.resource-for-teachers .for-teachers--pitch-an-idea {
  position: relative; }

.resource-for-teachers .for-teachers--purpose:after {
  content: "";
  background: transparent url(/assets/resource_for_teachers/purpose-d3836fe74d872f21084bdae7ed093a32.png) center center no-repeat;
  background-size: cover;
  height: 360px;
  width: 100%;
  display: block;
  margin-top: 60px; }

.resource-for-teachers .for-teachers--purpose .with-support {
  margin-top: 20px;
  color: #383838;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

.resource-for-teachers .for-teachers--pitch-an-idea {
  padding-top: 60px; }
  .resource-for-teachers .for-teachers--pitch-an-idea:after {
    content: "";
    background: transparent url(/assets/resource_for_teachers/content-to-the-curriculum-339523668a76eb25b749986373d1db27.png) center center no-repeat;
    background-size: cover;
    height: 360px;
    width: 100%;
    display: block;
    margin-top: 60px; }

.resource-for-teachers .for-teachers--content-mapped-to-the-curriculum {
  padding-top: 60px;
  margin-bottom: 40px; }
  .resource-for-teachers .for-teachers--content-mapped-to-the-curriculum .buttons {
    margin: 40px 0;
    text-align: center; }

.resource-for-teachers .for-teachers--source {
  bottom: -20px;
  color: #ccc;
  position: absolute;
  font-size: 11px;
  right: 5px; }

@media only screen and (max-width: 599px) {
  .resource-for-teachers .for-teachers {
    margin-top: -30px;
    height: 300px; }
    .resource-for-teachers .for-teachers .buttons {
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center; }
    .resource-for-teachers .for-teachers h1 {
      font-size: 32px;
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px); }
    .resource-for-teachers .for-teachers img {
      margin-left: 0; }
  .resource-for-teachers .for-teachers--purpose h2,
  .resource-for-teachers .for-teachers--content-mapped-to-the-curriculum h2,
  .resource-for-teachers .for-teachers--pitch-an-idea h2 {
    font-size: 32px; } }

body.search-index .lightbox li {
  padding: 0; }

body.search-index .lightbox li + li {
  margin: 0; }

body.search-index .lightbox .lightbox-inner {
  width: 382px; }

body.search-index #primary-navigation,
body.search-index section#hot-topics {
  display: none; }

body.search-index div#outer > div.wrapper {
  padding-bottom: 12px; }

body.search-index #search_form {
  position: relative; }

body.search-index ul.filter-group li {
  position: relative;
  clear: both; }
  body.search-index ul.filter-group li label {
    color: #999999; }
    body.search-index ul.filter-group li label:hover {
      cursor: pointer; }

body.search-index #search-header {
  padding-bottom: 30px;
  background: transparent url(/assets/search/shadow-a9d7fa7cf4d373ba4e525012f8b2787e.png) bottom center no-repeat; }
  body.search-index #search-header nav {
    font-size: 11px; }

body.search-index .follow-topics {
  color: #999;
  display: block;
  float: right;
  text-align: right;
  width: 165px; }
  body.search-index .follow-topics a {
    font-weight: bold; }

body.search-index .search-form {
  padding-bottom: 48px; }
  body.search-index .search-form label, body.search-index .search-form input[type="text"] {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px; }
  body.search-index .search-form label {
    display: block;
    padding: 21px 0 0 20px; }
    body.search-index .search-form label i:before {
      font-size: 24px;
      color: #999; }
  body.search-index .search-form input[type="text"] {
    width: 100%;
    padding: 17px 16px 16px 54px; }
  body.search-index .search-form input[type="submit"] {
    visibility: hidden;
    position: absolute; }

body.search-index .search-suggestions {
  color: #999;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 180px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }
  body.search-index .search-suggestions a {
    font-weight: bold; }

body.search-index #search-facets {
  display: none;
  position: absolute; }
  body.search-index #search-facets:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }

body.search-index .search-selector {
  border: 1px solid #fff;
  cursor: pointer;
  float: left;
  position: relative;
  margin-top: 4px; }
  body.search-index .search-selector.open {
    border: 1px solid #eee;
    -webkit-border-radius: 2px 2px 0 0;
            border-radius: 2px 2px 0 0; }
    body.search-index .search-selector.open .menu {
      display: block;
      margin-top: -1px;
      -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
      z-index: 99; }
    body.search-index .search-selector.open .menu-button-contents {
      font-size: 12px;
      z-index: 100;
      position: relative; }
    body.search-index .search-selector.open .icon-caret-up {
      display: inline; }
    body.search-index .search-selector.open .icon-caret-down {
      display: none; }
  body.search-index .search-selector .icon-caret-up {
    display: none; }
  body.search-index .search-selector .icon-caret-down {
    display: inline; }
  body.search-index .search-selector .menu {
    background-color: #ffffff;
    border: 1px solid #eee;
    display: none;
    left: 0;
    margin-left: -1px;
    margin-top: -1px;
    min-width: 120%;
    position: absolute;
    top: 100%; }
  body.search-index .search-selector .menu-button-contents {
    font-size: 12px;
    background: #fff;
    padding: 10px 16px;
    border-bottom: 1px solid #fff; }
  body.search-index .search-selector li {
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    padding: 5px 16px;
    white-space: nowrap; }
    body.search-index .search-selector li:focus, body.search-index .search-selector li:hover, body.search-index .search-selector li:active {
      color: #111;
      background: #f6f6f6; }
  body.search-index .search-selector input, body.search-index .search-selector label {
    padding: 0;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer; }
  body.search-index .search-selector input {
    display: none; }
  body.search-index .search-selector li.checked label {
    font-weight: bold; }
  body.search-index .search-selector li:hover {
    background-color: #f1f1f1; }

body.search-index #spelling-correction {
  background: #4aa9f2;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #fff;
  line-height: normal;
  margin: 0 0 30px 0;
  padding: 7px 8px; }
  body.search-index #spelling-correction i {
    line-height: 13px;
    top: -1px; }
  body.search-index #spelling-correction a {
    font-weight: bold;
    color: #fff;
    text-decoration: underline; }

body.search-index #search-results .error {
  color: #999;
  text-align: center; }
  body.search-index #search-results .error strong {
    color: #666; }

body.search-index #content-results .result {
  margin-bottom: 24px; }
  body.search-index #content-results .result h1 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0; }

body.search-index #content-results .content-pagination {
  padding-bottom: 18px; }

body.search-index #secondary-results {
  border: 1px solid #eee;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin-left: -22px;
  padding: 10px; }
  body.search-index #secondary-results .byline {
    color: #999;
    font-size: 12px; }
  body.search-index #secondary-results .lead-result {
    margin-bottom: 18px; }
    body.search-index #secondary-results .lead-result h1 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 0;
      word-wrap: break-word; }
  body.search-index #secondary-results .related-result figure {
    margin-bottom: 6px; }
  body.search-index #secondary-results .related-result h1 {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 0;
    word-wrap: break-word; }

.security-secondary-emails .skip-and-dont-ask-again {
  margin-top: -42px; }

@media only screen and (max-width: 599px) {
  .security-secondary-emails .formtastic.email {
    padding-bottom: 0; }
  .security-secondary-emails .skip-and-dont-ask-again {
    margin-top: -50px; } }

body.sessions-new header h1 {
  float: left; }

body.sessions-new header h3 {
  padding-top: 12px;
  float: right; }

@media only screen and (max-width: 599px) {
  body.sessions-new #header {
    display: none; }
  body.sessions-new header h1 {
    float: none;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px; }
  body.sessions-new header h3 {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
    float: none; }
    body.sessions-new header h3 a {
      text-align: center;
      display: block;
      margin: 0 20px; } }

body.subscriptions .angled-header {
  background-color: #d91d30;
  color: #fff; }
  body.subscriptions .angled-header p {
    font-size: 18px;
    line-height: 1.65; }

body.subscriptions .subscription-newsletter-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 40px; }

body.subscriptions .subscription-newsletter {
  background: #fafafa;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 436px;
      -ms-flex: 0 1 436px;
          flex: 0 1 436px;
  line-height: 1.45;
  margin-bottom: 20px;
  padding: 20px; }
  body.subscriptions .subscription-newsletter:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  body.subscriptions .subscription-newsletter:nth-child(odd) {
    margin: 0 10px 20px 0; }
  body.subscriptions .subscription-newsletter:nth-child(even) {
    margin: 0 0 20px 10px; }

body.subscriptions .subscription-newsletter-logo {
  background: #fff;
  border: 1px solid #eee;
  float: left;
  margin-right: 20px;
  width: 104px; }

body.subscriptions .subscription-newsletter-name {
  display: block;
  font-size: 20px;
  margin-bottom: 0; }

body.subscriptions .subscription-newsletter-region-name {
  display: block;
  font-size: 16px;
  font-weight: normal; }

body.subscriptions .subscription-newsletter-frequency {
  color: #999; }

body.subscriptions .subscription-newsletter-blurb {
  clear: both;
  padding: 20px 0; }

body.subscriptions .subscription-newsletter-previous-newsletters {
  clear: both;
  padding: 0 0 20px 0; }

body.subscriptions .subscription-newsletter-status {
  position: relative; }

body.subscriptions .subscription-newsletter-form label {
  display: block;
  height: 0;
  text-indent: -10000px; }

body.subscriptions .subscription-newsletter-form .field-wrapper {
  overflow: hidden;
  padding-right: 20px; }

body.subscriptions .subscription-newsletter-form .button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  height: 35px;
  padding: 0 18px;
  margin: 0; }

body.subscriptions .subscription-newsletter-form .email {
  width: 100%;
  height: 35px;
  padding: 5px 10px; }

@media only screen and (max-width: 599px) {
  body.subscriptions .subscription-newsletter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 524px;
        -ms-flex: 0 1 524px;
            flex: 0 1 524px; }
    body.subscriptions .subscription-newsletter:nth-child(1n) {
      margin: 0 0 10px 0; } }

@media only screen and (min-width: 1466px) {
  body.subscriptions .subscription-newsletter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 398px;
        -ms-flex: 0 1 398px;
            flex: 0 1 398px; }
    body.subscriptions .subscription-newsletter:nth-child(3n-2) {
      margin: 0 10px 20px 0; }
    body.subscriptions .subscription-newsletter:nth-child(3n-1) {
      margin: 0 10px 20px 10px; }
    body.subscriptions .subscription-newsletter:nth-child(3n) {
      margin: 0 0 20px 10px; } }

#newsletter-archive {
  padding-top: 40px;
  color: #65635f; }
  #newsletter-archive h2 {
    font-size: 18px;
    margin-bottom: 16px;
    margin-left: 10px; }
  #newsletter-archive li a {
    padding: 0 10px; }
  #newsletter-archive .hidden {
    display: none; }
  #newsletter-archive button {
    margin-top: 20px; }

@media only screen and (max-width: 599px) {
  #newsletter-archive ul li {
    font-size: 12px; }
    #newsletter-archive ul li a {
      font-size: 12px; } }

body.topics-index .content-list h2 {
  font-size: 15px;
  line-height: normal; }

body.topics-index .related img {
  margin-bottom: 0.4em; }

body.topics-index .trending ol {
  list-style-position: inside; }
  body.topics-index .trending ol li {
    font-size: 15px;
    margin: 1em 0; }
  body.topics-index .trending ol li a {
    font-weight: bold; }

body.topics-index section > h2 {
  margin-top: 1em; }

body.topics .module .button {
  float: right;
  margin-left: 1em; }

body.topics-show #hot-topics {
  display: none; }

body.topics-show #tabbed-navigation {
  display: none; }

body.topics-show .module + .module {
  margin-top: 36px; }

body.topics-show .topic-sponsorship figure {
  float: none;
  margin: 0;
  width: auto; }
  body.topics-show .topic-sponsorship figure img {
    width: auto;
    max-width: 100%; }

body.topics-show .content-list article:first-child {
  margin-bottom: 24px; }
  body.topics-show .content-list article:first-child header,
  body.topics-show .content-list article:first-child .content {
    margin-left: 0; }
  body.topics-show .content-list article:first-child header h2 {
    font-size: 21px;
    line-height: 1.2em; }
  body.topics-show .content-list article:first-child figure {
    float: none;
    margin: 0;
    width: auto; }
    body.topics-show .content-list article:first-child figure img {
      width: auto;
      max-width: 100%; }

body.topics-show .content-list article header {
  margin-left: 165px; }
  body.topics-show .content-list article header h2 {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 0; }

body.topics-show .content-list article .content {
  margin-left: 165px; }

body.topics-show .content-list article figure {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  width: 145px; }
  body.topics-show .content-list article figure img {
    width: 145px; }

body.topics-show .actions .not-followed button:hover i,
body.topics-show .actions .followed i {
  color: #ffd700; }

body.topics-show .jobs {
  padding-bottom: 20px; }
  body.topics-show .jobs .call-to-action {
    margin-bottom: 10px; }

body.topics-show .related-topics {
  height: 150px;
  padding-bottom: 20px; }
  body.topics-show .related-topics .icon-tag {
    float: right;
    top: 3px;
    margin-right: 0; }

body.topics-show .social-media {
  margin: 0;
  height: 150px;
  padding-bottom: 20px; }
  body.topics-show .social-media ul li {
    width: 50%;
    float: left; }

body.topics-show .expert-authors {
  margin-bottom: 36px; }
  body.topics-show .expert-authors .activity-count {
    float: right; }
  body.topics-show .expert-authors .display-more {
    display: none; }
  body.topics-show .expert-authors.show-all .more {
    display: none; }
  body.topics-show .expert-authors.show-all .display-more {
    display: block; }

@media only screen and (max-width: 599px) {
  body.topics-show #tabbed-navigation {
    display: table; }
  body.topics-show .sm-display-articles .related-topics,
  body.topics-show .sm-display-articles .social-media,
  body.topics-show .sm-display-articles .actions,
  body.topics-show .sm-display-articles .jobs,
  body.topics-show .sm-display-articles .expert-authors,
  body.topics-show .sm-display-articles .research-and-expert-database,
  body.topics-show .sm-display-articles .topic-sponsorship {
    display: none; }
  body.topics-show .sm-display-contributors #articles,
  body.topics-show .sm-display-contributors .related-topics,
  body.topics-show .sm-display-contributors .social-media,
  body.topics-show .sm-display-contributors .actions,
  body.topics-show .sm-display-contributors .topic-sponsorship {
    display: none; }
  body.topics-show .sm-display-links #articles,
  body.topics-show .sm-display-links .expert-authors,
  body.topics-show .sm-display-links .research-and-expert-database {
    display: none; }
  body.topics-show #articles,
  body.topics-show .expert-authors,
  body.topics-show .actions {
    margin-bottom: 36px; }
  body.topics-show .module {
    margin: 0; }
  body.topics-show .related-topics {
    height: auto; }
    body.topics-show .related-topics li a {
      font-size: 13px; }
  body.topics-show .social-media ul li.feed {
    width: 100%; }
  body.topics-show .social-media ul li.follow-link {
    display: none; }
  body.topics-show .content-list article header,
  body.topics-show .content-list article .content {
    margin-left: 0; }
  body.topics-show .content-list article:first-child img {
    display: block; } }

body.users-done .next-steps .button {
  float: right;
  margin-left: 40px;
  white-space: nowrap; }

body.users-done .next-steps ol {
  counter-reset: li; }

body.users-done .next-steps li {
  position: relative;
  list-style: none;
  margin-left: 6em;
  margin-bottom: 5em;
  font-size: 18px;
  line-height: 1.45; }
  body.users-done .next-steps li:before {
    content: counter(li);
    /* Use the counter as content */
    counter-increment: li;
    /* Increment the counter by 1 */
    position: absolute;
    top: 0;
    left: -115px;
    font-size: 30px;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #d8352a;
    display: block; }
  body.users-done .next-steps li:last-child p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

@media only screen and (max-width: 599px) {
  body.users-done #header {
    padding: 0;
    border: none; }
  body.users-done .next-steps .button {
    margin: 0;
    float: none; }
  body.users-done .next-steps li {
    margin-left: 0; }
    body.users-done .next-steps li:before {
      left: -webkit-calc(50% - 45px);
      left: calc(50% - 45px);
      margin-bottom: 30px;
      position: relative; }
    body.users-done .next-steps li h2 {
      text-align: left; }
    body.users-done .next-steps li .button {
      margin-top: 20px; }
    body.users-done .next-steps li span {
      display: block;
      text-align: left; }
    body.users-done .next-steps li:last-child {
      text-align: center; }
      body.users-done .next-steps li:last-child p {
        display: block; } }

body.users-new header h3 {
  margin-top: -32px;
  float: right; }

@media only screen and (max-width: 599px) {
  body.users-new #header.condensed {
    border-bottom: none;
    padding: 0; }
  body.users-new header h1 {
    float: none;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px; }
  body.users-new header h3 {
    padding: 0;
    margin: 0;
    float: none; }
    body.users-new header h3 a {
      text-align: center;
      display: block;
      margin: 0 20px; } }

/*# sourceMappingURL=webpacked-secondary-608415a1e218a1aab6c611994d839a08.css.map*/