/*------------------------------------*\
   IMPORTS
\*------------------------------------*/
/*------------------------------------*\
   COLOUR SCHEME
\*------------------------------------*/
/**
 * Primay
 * -
 */
/**
 * Secondary
 * -
 */
/**
 * Tertiary
 * -
 */
.heading, .heading--primary, .main h2, .story_page .main .section .article h1, .heading--secondary, .main h1, .heading--tertiary, .story_page .main .section .box.article h4 {
  border-bottom: none;
  display: block;
  height: auto;
  padding-bottom: 0; }

.heading--primary, .main h2, .story_page .main .section .article h1 {
  font-size: 40px;
  line-height: 36px;
  margin: 30px 0 0 0; }

.heading--secondary, .main h1 {
  font-size: 24px;
  line-height: 21px;
  margin: 30px 10px 0 10px; }

.heading--tertiary, .story_page .main .section .box.article h4 {
  border-bottom: 1px solid #e2e2e2;
  font-size: 24px;
  line-height: 20px;
  margin: 30px 10px 0 10px; }

.button, .main > .section .inline-content.left a,
.main > span > .section .inline-content.left a, div.cs-teaser.article-index p.goto a, .story_page .main .section .box.article .inline-content.full a {
  font-family: "Calibre", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 50px;
  border-radius: 0px;
  border: none;
  text-align: center;
  color: #FFF;
  display: inline-block; }

.teaser, div.cs-teaser.article-index > div, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed, .cs-teaser.article-index > span > div, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure {
  border-bottom: 1px solid #e2e2e2;
  border-top: none;
  margin: 20px 20px 0 0;
  padding: 0 0 10px 0;
  position: relative;
  background-color: #FFF;
  width: 220px;
  min-height: 308px;
  float: left; }
  .teaser .figure, div.cs-teaser.article-index > div .figure, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .figure, .cs-teaser.article-index > span > div .figure, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .figure, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .figure {
    position: absolute;
    top: 0;
    width: 220px; }
    .teaser .figure img, div.cs-teaser.article-index > div .figure img, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .figure img, .cs-teaser.article-index > span > div .figure img, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .figure img, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .figure img {
      max-width: 100%; }
  .teaser .header, div.cs-teaser.article-index > div .header, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .header, .cs-teaser.article-index > span > div .header, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .header, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header {
    position: relative;
    float: none;
    margin: 161px 0 0 0;
    width: auto; }
    .teaser .header .title, div.cs-teaser.article-index > div .header .title, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .header .title, .cs-teaser.article-index > span > div .header .title, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .header .title, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header .title {
      padding-left: 20px;
      padding-right: 20px; }
      .teaser .header .title a, div.cs-teaser.article-index > div .header .title a, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .header .title a, .cs-teaser.article-index > span > div .header .title a, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .header .title a, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header .title a {
        font-size: 16px;
        line-height: 20px;
        font-weight: bold; }
    .teaser .header .cs-audio-links, div.cs-teaser.article-index > div .header .cs-audio-links, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .header .cs-audio-links, .cs-teaser.article-index > span > div .header .cs-audio-links, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .header .cs-audio-links, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header .cs-audio-links {
      float: none;
      margin: 0px 20px 10px;
      border-left: 4px solid #DDD;
      border-right: none; }
      .teaser .header .cs-audio-links li, div.cs-teaser.article-index > div .header .cs-audio-links li, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .header .cs-audio-links li, .cs-teaser.article-index > span > div .header .cs-audio-links li, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .header .cs-audio-links li, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header .cs-audio-links li {
        border-left: none;
        border-right: 4px solid #DDD; }
    .teaser .header .time, div.cs-teaser.article-index > div .header .time, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .header .time, .cs-teaser.article-index > span > div .header .time, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .header .time, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header .time {
      display: none; }
  .teaser .summary, div.cs-teaser.article-index > div .summary, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .summary, .cs-teaser.article-index > span > div .summary, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .summary, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .summary {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    float: none;
    width: auto; }
    .teaser .summary p, div.cs-teaser.article-index > div .summary p, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .summary p, .cs-teaser.article-index > span > div .summary p, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .summary p, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .summary p {
      font-size: 14px;
      line-height: 18px;
      font-family: "Cassia", Georgia; }
    .teaser .summary p + p, div.cs-teaser.article-index > div .summary p + p, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .summary p + p, .cs-teaser.article-index > span > div .summary p + p, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .summary p + p, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .summary p + p, .teaser .summary p.goto, div.cs-teaser.article-index > div .summary p.goto, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .summary p.goto, .cs-teaser.article-index > span > div .summary p.goto, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .summary p.goto, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .summary p.goto, .teaser .summary .subtitle, div.cs-teaser.article-index > div .summary .subtitle, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .summary .subtitle, .cs-teaser.article-index > span > div .summary .subtitle, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .summary .subtitle, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .summary .subtitle {
      display: none;
      margin: 0;
      padding: 0; }
    .teaser .summary .goto-more, div.cs-teaser.article-index > div .summary .goto-more, div.cs-teaser.article-index > .cs-teaser.ct-teaser-detailed .summary .goto-more, .cs-teaser.article-index > span > div .summary .goto-more, .cs-teaser.article-index > span .cs-teaser.ct-teaser-detailed .summary .goto-more, ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .summary .goto-more {
      margin: 0;
      padding: 0;
      color: #000; }

.teaser--hero .header, .main .cs-teaser.has-figure .header, .story_page .main .section .article .article-index.section.ct-teaser-view .header, .teaser--hero .summary, .main .cs-teaser.has-figure .summary, .story_page .main .section .article .article-index.section.ct-teaser-view .summary {
  width: 480px; }
.teaser--hero .header h3, .main .cs-teaser.has-figure .header h3, .story_page .main .section .article .article-index.section.ct-teaser-view .header h3 {
  display: block;
  text-transform: none;
  border: none; }
  .teaser--hero .header h3 a, .main .cs-teaser.has-figure .header h3 a, .story_page .main .section .article .article-index.section.ct-teaser-view .header h3 a {
    font-size: 30px; }
.teaser--hero .figure, .main .cs-teaser.has-figure .figure, .story_page .main .section .article .article-index.section.ct-teaser-view .figure {
  width: 160px; }
  .teaser--hero .figure img, .main .cs-teaser.has-figure .figure img, .story_page .main .section .article .article-index.section.ct-teaser-view .figure img {
    max-width: 100%;
    margin: 0; }
.teaser--hero .summary p, .main .cs-teaser.has-figure .summary p, .story_page .main .section .article .article-index.section.ct-teaser-view .summary p {
  margin: 0 0 7px 0;
  line-height: 21px; }
.teaser--hero .summary .goto-more, .main .cs-teaser.has-figure .summary .goto-more, .story_page .main .section .article .article-index.section.ct-teaser-view .summary .goto-more {
  margin-bottom: 14px; }
  .teaser--hero .summary .goto-more a, .main .cs-teaser.has-figure .summary .goto-more a, .story_page .main .section .article .article-index.section.ct-teaser-view .summary .goto-more a {
    font-weight: bold;
    margin-bottom: 14px; }

/*------------------------------------*\
   BASE
\*------------------------------------*/
/*
#content .main {
	margin: 0;
}
*/
.copy, .story_page .main .section .box.article ul, .story_page .main .section .box.article p, .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .summary p {
  font-size: 18px;
  line-height: 27px;
  font-family: "Cassia", Georgia; }
  .copy a, .story_page .main .section .box.article ul a, .story_page .main .section .box.article p a, .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .summary p a {
    text-decoration: underline;
    color: #000; }

/*------------------------------------*\
   PROJECT HOME
\*------------------------------------*/
/**
 * Hero
 */
.main > .section .box.article,
.main > span > .section .box.article {
  border-bottom: 1px solid #e2e2e2;
  background-color: #FFF;
  padding: 20px;
  margin-top: 20px; }
  .main > .section .box.article p:first-child, .main > .section .box.article .inline-content.left + p,
  .main > span > .section .box.article p:first-child,
  .main > span > .section .box.article .inline-content.left + p {
    margin-bottom: 0; }
  .main > .section .box.article img.float--none,
  .main > span > .section .box.article img.float--none {
    width: 340px;
    float: left;
    margin: 0 20px 20px 0; }
.main > .section .inline-content.left,
.main > span > .section .inline-content.left {
  margin: 0 20px 0 0; }
  .main > .section .inline-content.left a,
  .main > span > .section .inline-content.left a {
    display: block;
    text-transform: none; }
.main > .section p,
.main > span > .section p {
  font-family: "Cassia", Georgia;
  font-size: 16px; }

/**
 * Teasers Index
 */
div.cs-teaser.article-index {
  margin: 0 0 0 10px; }
  div.cs-teaser.article-index p.goto {
    display: inline-block;
    margin-top: 20px;
    width: 100%; }
    div.cs-teaser.article-index p.goto a {
      margin: 0 auto;
      padding: 0;
      width: 180px;
      background-color: #000;
      color: #FFF;
      display: block; }

/*------------------------------------*\
   ALL CONTRIBUTION
\*------------------------------------*/
/**
 * Hero
 * - Styles here need to be overridden in .teaser module
 */
.main .cs-teaser.has-figure {
  background-color: #FFF;
  margin: 20px 10px 0 10px;
  padding: 20px; }

/**
 * Teasers Index
 */
ul.article-index li {
  border: none;
  margin-left: 0; }
ul.article-index .cs-teaser.ct-teaser-infocus.has-figure .header {
  float: none; }

/*------------------------------------*\
   ARTICLE PAGES
   - CONTRIBUTION HOME, SUBMIT, T&CS
\*------------------------------------*/
.story_page .main .section {
  /**
   * Contribution Home
   */
  /**
   * Submit Page Overrides
   */ }
  .story_page .main .section h1, .story_page .main .section h2 {
    padding-bottom: 15px; }
  .story_page .main .section .article h1 {
    margin: 30px 0 0 0;
    padding-bottom: 15px; }
  .story_page .main .section .article h3 {
    display: none; }
  .story_page .main .section .article .ct-meta-details {
    margin: 0 0 13px 0; }
  .story_page .main .section .article .section.rich-text {
    margin: 0;
    padding: 0; }
  .story_page .main .section .article .article-index.section.ct-teaser-view ul.article-index {
    margin: 0;
    padding: 0;
    list-style: none; }
    .story_page .main .section .article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure {
      margin: 0;
      padding: 20px;
      background-color: transparent; }
  .story_page .main .section .box.article {
    padding: 0;
    margin: 0;
    border-bottom: none; }
    .story_page .main .section .box.article ul {
      margin: 0 0 1em 20px;
      list-style: disc; }
    .story_page .main .section .box.article h4 {
      margin: 0;
      padding-bottom: 15px; }
    .story_page .main .section .box.article .article-index.section.ct-teaser-view {
      margin-top: 15px; }
      .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure {
        background-color: #FFF;
        padding: 0; }
        .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .header {
          width: 460px; }
          .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .header h3, .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .header .time {
            display: none; }
        .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .figure {
          width: 220px; }
        .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .summary {
          width: 460px; }
          .story_page .main .section .box.article .article-index.section.ct-teaser-view ul.article-index .cs-teaser.ct-teaser-feature.has-figure .summary .goto-more {
            display: none; }
    .story_page .main .section .box.article .inline-content.full {
      margin-top: 20px; }
      .story_page .main .section .box.article .inline-content.full a {
        text-transform: none;
        font-family: "Calibre", Helvetica, Arial, sans-serif;
        padding: 0 46px 0 20px;
        position: relative;
        text-decoration: none; }
        .story_page .main .section .box.article .inline-content.full a:after {
          position: absolute;
          top: 3px;
          right: 20px;
          content: "  " url(img/arrow-white.png); }

/*------------------------------------*\
   PAGINATION
\*------------------------------------*/
.nav.pagination {
  display: block;
  padding-top: 24px;
  clear: both; }

/*------------------------------------*\
   THEMES
\*------------------------------------*/
/**
 * Buttons
 * -
 */
.main > .section .inline-content.left a,
.main > span > .section .inline-content.left a,
.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #000; }

.theme-currentaffairs .main > .section .inline-content.left a,
.theme-currentaffairs .main > span > .section .inline-content.left a,
.theme-currentaffairs.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #535800; }

.theme-science .main > .section .inline-content.left a,
.theme-science .main > span > .section .inline-content.left a,
.theme-science.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #6E1516; }

.theme-music .main > .section .inline-content.left a,
.theme-music .main > span > .section .inline-content.left a,
.theme-music.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #a02c5d; }

.theme-culture .main > .section .inline-content.left a,
.theme-culture .main > span > .section .inline-content.left a,
.theme-culture.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #cf6f5b; }

.theme-arts .main > .section .inline-content.left a,
.theme-arts .main > span > .section .inline-content.left a,
.theme-arts.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #D60C2D; }

.theme-life .main > .section .inline-content.left a,
.theme-life .main > span > .section .inline-content.left a,
.theme-life.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #197171; }

.theme-environment .main > .section .inline-content.left a,
.theme-environment .main > span > .section .inline-content.left a,
.theme-environment.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #00A691; }

.theme-history .main > .section .inline-content.left a,
.theme-history .main > span > .section .inline-content.left a,
.theme-history.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #763766; }

.theme-religionandethics .main > .section .inline-content.left a,
.theme-religionandethics .main > span > .section .inline-content.left a,
.theme-religionandethics.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #763766; }

.theme-technology .main > .section .inline-content.left a,
.theme-technology .main > span > .section .inline-content.left a,
.theme-technology.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #CB4721; }

.theme-rural .main > .section .inline-content.left a,
.theme-rural .main > span > .section .inline-content.left a,
.theme-rural.story_page .main .section .box.article .inline-content.full a {
  color: #FFF;
  background-color: #C38A3E; }

/**
 * Program Teaser
 * -
 */
#content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #aaa; }

.theme-currentaffairs #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #535800; }

.theme-science #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #6E1516; }

.theme-music #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #a02c5d; }

.theme-culture #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #cf6f5b; }

.theme-arts #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #D60C2D; }

.theme-life #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #197171; }

.theme-environment #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #00A691; }

.theme-history #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #763766; }

.theme-religionandethics #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #763766; }

.theme-technology #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #CB4721; }

.theme-rural #content .aside.sidebar .section.ct-teaser-series-small {
  color: #FFF;
  background-color: #C38A3E; }

/*------------------------------------*\
   SIDEBAR
\*------------------------------------*/
#content .aside.sidebar {
  /*
  margin-top: 0;
  */ }
  #content .aside.sidebar .section {
    margin-top: 20px; }
    #content .aside.sidebar .section.ct-teaser-series-small .cs-teaser {
      margin: 10px 0;
      padding-top: 0; }
    #content .aside.sidebar .section.ct-teaser-series-small li {
      margin: 0;
      padding: 0 10px; }
    #content .aside.sidebar .section.ct-teaser-series-small .header {
      margin: 0 0 8px; }
      #content .aside.sidebar .section.ct-teaser-series-small .header h4 {
        padding-bottom: 0;
        margin-bottom: 5px; }
        #content .aside.sidebar .section.ct-teaser-series-small .header h4 a {
          color: #FFF;
          font-size: 16px; }
    #content .aside.sidebar .section.ct-teaser-series-small .figure img {
      margin: 0 7px 7px 0;
      width: 200px; }
    #content .aside.sidebar .section.ct-teaser-series-small .summary p {
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 4px; }

/*# sourceMappingURL=abc-rn-projects.css.map */