/* Everybody: PLEASE USE -->->> 2 <<-<-- SPACES FOR IDENTATION INSTEAD OF TABS WHEN EDITING CSS FILES !!! */

/* Responsive css that affect responsive designs at full widths. This will be
   used for the DrFront front page as well, but the media query entries will
   not have an effect.
   
   Media queries for mobile/smaller than full-width devices need to be placed
   in rock-hammer-responsive-reduced-width.css
 */

@media only screen {
  .dn .financial-data .oms_button.link {
    display: none;
  }
}

@media only screen {
  .dn .article .factbox_wide {
    width: 98%;
    max-width: 98%;
    margin-right: 0;
    padding: 11px 1%;
    border: none;
  }

  .dn .article .factbox_wide p {
    font-size: 18px;
    line-height: 27px;
    color: #737373;
  }
}

@media only screen {
  .navigation {
    margin-left: -11px;
    margin-right: -11px;
  }
}


@media only screen {
  html.js body > [class^="navigation__"] {
    max-width: 450px;
    min-width: 320px;
    width: 33%;
  }
  
  html.js [role="navigation"] li ul {
    left: 100%;
    width: 100%;
  }
}

@media only screen {
  .dn .samples .container {
    max-width: 2500px;
  }
  
  .dn .samples .l-introduction {
    padding: 3.16em 0 6.32em;
  }
  
  .dn .samples .l-introduction .hero-unit {
    -moz-box-sizing: border-box;
    margin: 0 auto;
    max-width: 768px;
    padding: 0;
    width: 90%;
  }
  
  .dn .samples nav[role="navigation"] {
    width: 100%;
  }
  
  .dn .samples nav[role="navigation"] ul {
    margin: 0 auto;
    max-width: 768px;
    width: 90%;
  }
  
  .dn .hidden hr {
    margin: 0 auto;
    max-width: 768px;
    width: 90%;
  }
  
  .dn .l-wrap {
    max-width: 768px;
    width: 90%;
  }
  
  .dn .l-wrap:before, .dn .l-wrap:after {
    content: "";
    display: table;
  }
  
  .dn .l-wrap:after {
    clear: both;
  }
  
  .dn .l-summary {
    -moz-box-sizing: border-box;
    float: left;
    margin-right: -100%;
    padding-right: 22px;
    width: 38.4375%;
  }
  
  .dn #panel-typography .l-trigger .l-summary, .dn #panel-colour .l-trigger .l-summary, .dn #panel-images .l-trigger .l-summary, .dn #panel-navigation .l-trigger .l-summary, .dn #panel-modules .l-trigger .l-summary, .dn #panel-forms .l-trigger .l-summary, .dn #panel-tables .l-trigger .l-summary, .dn #panel-widgets .l-trigger .l-summary {
    background-image: url("../gfx/l-trigger-icons.png");
    background-repeat: no-repeat;
    min-height: 40px;
  }
  
  .dn #panel-typography .l-trigger .l-summary {
    background-position: 95% 0;
  }
  
  .dn #panel-colour .l-trigger .l-summary {
    background-position: 95% -300px;
  }
  
  .dn #panel-images .l-trigger .l-summary {
    background-position: 95% -600px;
  }
  
  .dn #panel-navigation .l-trigger .l-summary {
    background-position: 95% -100px;
  }
  
  .dn #panel-modules .l-trigger .l-summary {
    background-position: 95% -700px;
  }
  
  .dn #panel-forms .l-trigger .l-summary {
    background-position: 95% -400px;
  }
  
  .dn #panel-tables .l-trigger .l-summary {
    background-position: 95% -500px;
  }
  
  .dn #panel-widgets .l-trigger .l-summary {
    background-position: 95% -800px;
  }
  
  .dn .l-content {
    clear: right;
    float: left;
    margin-left: 41.0417%;
    margin-right: -100%;
    width: 58.9583%;
  }
  
  [role="contentinfo"] small {
    display: block;
  }
}

@media only screen {
  .dn body:after {
    content: "bp2";
    display: none;
  }
  
  .dn .entry-title {
    font-size: 5.95rem;
    line-height: 1.2;
    margin-bottom: 0.12em;
  }
}

@media only screen {
  .dn body:after {
    content: "bp3";
    display: none;
  }
  
  .navigation-toggle, #nav-toggle {
    display: none;
  }
  
  .js nav[role="navigation"] {
    max-height: none;
  }
  
  #navigation-toggle {
    border-width: 0;
    margin: 0 0 0 -0.25em;
  }
  
  #navigation-toggle ul {
    margin: 0 auto;
  }
  
  #navigation-toggle ul li {
    display: inline-block;
    margin: 0 11px 0 0;
  }
  
  #navigation-toggle a {
    border-width: 0;
    font-size: 1.4rem;
    text-transform: none;
  }
  
  .navigation .navigation__toggle[class^="navigation__"] a {
    font-size: 1.7rem;
  }
  
  .dn .main__inner {
    padding-left: 13.6667%;
  }
  
  .dn .cols {
    margin-bottom: 1.58em;
  }
  
  .dn .cols:before, .dn .cols:after {
    content: "";
    display: table;
  }
  
  .dn .cols:after {
    clear: both;
  }
  
  .dn .cols--left {
  
  }
  
  .dn .cols--left .cols__col:first-child {
    float: right;
    width: 72.5833%;
  }
  
  .dn .cols--left .cols__col:last-child {
    float: left;
    width: 23.6667%;
  }
  
  .dn .cols--left .cols__col.no-img {
    float: left;
    width: 100%;  
  }
  
  .dn .cols--right {
  }
  
  .dn .cols--right .cols__col:first-child {
    float: left;
    margin-right: -100%;
    width: 72.5833%;
  }
  
  .dn .cols--right .cols__col:last-child {
    float: left;
    margin-left: 76.25%;
    width: 23.6667%;
  }
  
  .dn .cols--halves {
  }
  
  .dn .cols--halves .cols__col {
    float: left;
    margin-right: -100%;
    width: 48.125%;
  }
  
  .dn .cols--halves .cols__col:last-child {
    margin-left: 51.7917%;
  }
  
  .dn .hentry-group {
  }
  
  .dn .hentry-group .hentry--lead .entry-title {
    font-size: 5.44rem;
  }
  
  .dn .wrap.latest100 {
    margin-top: 2em;  
  }
  
  .dn .list-article {
    -moz-box-sizing: border-box;
    min-height: 67px;
  }
  
  .dn .list-article:before, .dn .list-article:after {
    content: "";
    display: table;
  }
  
  .dn .list-article:after {
    clear: both;
  }
  
  .dn .list-article time {
    float: left;
    font-size: 5.1rem;
    margin-right: -100%;
    position: relative;
    top: 0.1975em;
    width: 160px;
  }
  
  .dn .list-article .entry-title {
    margin-bottom: 0;
  }
  
  .dn .list-article .list-article__group {
    float: left;
    margin-left: 166px;
    margin-right: -100%;
    width: 87%;
  }
  
  .dn .list-article time span {
    display: block;
    font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 3rem;
    padding-top: 7px;
    text-transform: lowercase;
  }
  
  .dn .list-article time span.publishyear {
    font-size: 2rem;
    padding-top: 3px;
    text-transform: lowercase;
  }
  
  .dn .vcard {
    margin-bottom: 3.16em;
  }
  
  .dn .vcard:before, .dn .vcard:after {
    content: "";
    display: table;
  }
  
  .dn .vcard:after {
    clear: both;
  }
  
  .dn .vcard .photo {
    margin-right: 22px;
  }
  
  .dn .financial-data .col {
    display: inline;
    float: left;
  }
  
  .dn .financial-data .col .copy {
    float: left;
    color: #ffffff;
  }
  
  .dn .financial-data .col .number {
    float: left;
  }
  
  .dn .financial-data .col .number span {
    font-size: 2.55rem;
  }
  
  .dn .expanded-table table {
    font-size: 1.6rem;
  }
}

@media only screen {
  .dn body:after {
    content: "bp4";
    display: none;
  }
  
  .dn .m-hide {
    display: inline-block !important;
    visibility: visible;
  }
  
  .dn .t-hide {
    display: none !important;
    visibility: hidden;
  }
  
  .dn .pagination--special.cols a {
    min-height: 6em;
  }
  
  .dn .hentry .img {
    float: left;
    margin-right: 22px;
    width: 23.6667%;
  }
  
  .dn .cols__col h4.paywall-link {
    left: 22px;
    margin-left: 23.6667%;
    position: relative;
  }
  
  .dn .list-article {
    min-height: 90px;
  }
  
  .dn .list-article figure {
    float: right;
    margin-bottom: 0;
    position: relative;
    width: 130px;
  }
  
  .dn .list-article figure img {
    margin-bottom: 0;
  }
  
  .dn .list-article .list-article__group {
    width: 60%;
  }
  
  .dn .vcard .published, .dn .vcard .updated {
    display: inline;
  }
  
  .dn figure.pull-left {
    float: left;
    margin-right: 22px;
    max-width: 300px;
  }
  
  .dn figure.pull-right {
    float: right;
    margin-left: 22px;
    max-width: 300px;
  }
  
  .dn div.pull-left {
    float: left;
    margin-right: 22px;
    max-width: 300px;
  }
  
  .dn div.pull-right {
    float: right;
    margin-left: 22px;
    max-width: 300px;
  }
  
  .dn .entry-title {
    font-size: 7.6rem;
  }
  
  .dn blockquote p {
    font-size: 2.55rem;
    padding-left: 22px;
  }
  
  .dn .hero-unit {
    padding: 44px;
  }
  
  .dn .hero-unit p {
    font-size: 2.125rem;
  }
  
  .dn .hero-unit p:last-child {
    margin-bottom: 0;
  }
  
  .dn .hero-unit h1 {
    font-size: 4.8rem;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0.395em;
  }
  
  .dn [role="banner"],
  [role="banner"].dn {
    overflow: hidden;
    padding-bottom: 0;
  }
  
  .dn [role="banner"] .logo,
  [role="banner"].dn .logo {
    float: left;
  }
  
  .dn .navigation-footer-anchor li {
    display: inline-block;
    margin-right: 22px;
  }
  
  .dn .f-nav li a {
    border-width: 0;
  }
  
  .js nav[role="navigation"] {
    max-width: none;
    position: static;
    width: auto;
  }
  
  .navigation {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
  
  .dn .navigation-left-nav-flyout-toggle {
    display: none;
  }
  
  .dn #navigation-left-nav-flyout a {
    border-width: 0;
  }
  
  .dn .wrap.active {
    left: 0;
  }
  
  .dn #navigation-left-nav-flyout li {
    display: inline-block;
    margin: 0 0.25em;
  }
  
  .dn .cols {
    clear: both;
  }
  
  .dn .cols--two .col {
    clear:both;
    float: left;
    margin-right: -100%;
    width: 48.6979%;
  }
  
  .dn .cols--two .col--two {
    clear: right;
    margin-left: 51.3021%;
  }
  
  [role="contentinfo"] {
  }
  
  [role="contentinfo"] .cols--three .col--one {
    clear: both;
    width: 100%;
  }
  
  [role="contentinfo"] .cols--three .col--two {
    float: left;
    margin-right: -100%;
    width: 48.6979%;
  }
  
  [role="contentinfo"] .cols--three .col--three {
    float: left;
    margin-left: 51.3021%;
    margin-right: -100%;
    width: 48.6979%;
  }
  
  [role="contentinfo"] .cols--three h1, [role="contentinfo"] .cols--thirds h1 {
    font-size: 4.25rem;
  }
  
  [role="contentinfo"] > ul li {
    display: inline-block;
    margin-right: 22px;
  }
  
  [role="contentinfo"] > ul li:last-child {
    margin-right: 0;
  }
  
  [role="contentinfo"] > ul li a {
    border-bottom-width: 0;
    display: inline;
    line-height: 1.5;
    min-height: 1px;
  }
  
  .dn .article {
  }
  
  .dn .article .main .entry-title {
    font-size: 5.44rem;
  }
  
  .dn .promo {
    padding-top: 1.58em;
  }
  
  .dn .promo .promo__action {
    left: 0;
  }
  
  .dn .expanded-table .col {
    float: left;
    margin: 0 1%;
    width: 48%;
  }
  
  .dn .hentry-group .hentry--lead .entry-title.stop {
    font-size: 6.8rem;
  }
  
  .dn .hentry-block.in-col .hentry--lead h1 {
    font-size: 72px;
    line-height: 72px;
  }
}

@media only screen {
  .dn body:after {
    content: "bp5";
    display: none;
  }
  
  .dn .t-hide {
    display: inline-block !important;
    visibility: visible;
  }
  
  .dn .d-hide {
    display: none !important;
    visibility: hidden;
  }
  
  .navigation {
    padding-left: 0;
  }
  
  .dn blockquote {
    padding: 22px 0;
  }
  
  .dn blockquote p {
    font-size: 2.55rem;
    line-height: 1.2;
    padding: 0 44px;
  }
  
  .dn .ad {
    display: block !important;
    margin: 0 auto 27px auto;
    text-align: center;
  }
  
  .dn .wrap {
    margin: 0 auto;
    max-width: 1192px;
  }
  
  .dn .main {
    float: left;
    width: 64.457%;
  }
  
  .dn .biglast .main {
    float: right;
    width: 61.457%;
  }
  
  .dn .main__inner {
    padding-left: 11.7588%;
  }
  
  .dn .complementary {
    float: left;
    margin-left: 5.5%;
    margin-right: -100%;
    min-width: 300px;
    width: 30%;
  }
  
  .dn .biglast .complementary {
    margin-left: 0;
  }
  
  .dn .hentry-block .complementary .hentry {
    margin-bottom: 2.5em;
    padding-top: 0;
    border: none;
  }

  .dn .hentry-block .complementary .hentry:nth-child(2) {
    border-top: 1px dotted #000000;
    padding-top: 30px;
  }
  
  .dn .hentry-block .complementary .hentry.crossheadMargin {
    margin-top: 2em;
  }
  
  .dn .aside {
    clear: left;
    float: left;
    width: 100%;
  }
  
  .dn body > .ad {
    text-align: center;
    width: 100%;
  }
  
  .dn .cols--three .cols__col {
    float: left;
    margin-right: -100%;
    width: 29.5139%;
  }
  
  .dn .cols--three .cols__col--two {
    margin-left: 35.2431%;
  }
  
  .dn .cols--three .cols__col--three {
    margin-left: 70.4861%;
  }
  
  .dn .article {
  }
  
  .dn .article .main .entry-title {
    font-size: 5.95rem;
  }
  
  .dn .promo {
    padding: 1em;
  }
  
  .dn .promo .promo__wrap {
    margin: 0 auto;
    padding: 0 44px;
  }
  
  .dn .promo .hentry {
    border-top-width: 0;
    padding: 0;
  }
  
  .dn .promo .promo__action {
    left: -50px;
  }
  
  .dn .promo .entry-title {
    margin-bottom: 0;
  }
  
  [role="contentinfo"] {
  }
  
  [role="contentinfo"] .cols--three {
    margin: 0 auto;
    max-width: 1190px;
  }
  
  [role="contentinfo"] .cols--three .col {
    float: left;
    margin-bottom: 0;
    margin-right: -100%;
    width: 29.5139%;
  }
  
  [role="contentinfo"] .cols--three .col--one {
    clear: none;
  }
  
  [role="contentinfo"] .cols--three .col--two {
    margin-left: 35.2431%;
  }
  
  [role="contentinfo"] .cols--three .col--three {
    margin-left: 70.4861%;
  }
  
  [role="contentinfo"] > ul {
    margin: 0 auto;
    max-width: 1190px;
  }
  
  [role="contentinfo"] > ul li {
    display: inline-block;
    margin-right: 22px;
  }
  
  [role="contentinfo"] > ul li:last-child {
    margin-right: 0;
  }
  
  [role="contentinfo"] > ul li a {
    border-bottom-width: 0;
    display: inline;
    line-height: 1.5;
    min-height: 1px;
  }
}

@media only screen {

  .dn .financial-data {
    clear: none;
    float: right;
    margin-top: 0;
  }
  
  .dn .financial-data .col {
    float: left;
  }
  
  .dn .promo .promo__action-aktiv {
    display: block;
    font-size: 6.8rem;
    height: 90px;
    left: -1em;
    padding-top: 60px;
    top: -48px;
    width: 150px;
  }
  
  .dn .action-play, .dn .aktiv-small {
    right: 0;
    top: -0.5em;
  }
  
  .dn .hentry .img {
    float: none;
    margin-right: 0;
    width: auto;
  }
  
  .dn .cols__col h4.paywall-link {
    margin-left: 0;
    position: static;
  }
}

@media only screen {
  .dn body:after {
    content: "bp6";
    display: none;
  }
  
  .dn .main {
  }
  
  .dn .main__inner {
    padding-left: 10.501%;
  }
  
  .dn .complementary {
  }
  
  .dn .complementary .cols__col {
    float: left;
    margin-right: -100%;
    width: 48.125%;
  }
  
  .dn .complementary .cols__col:last-child {
    margin-left: 51.7917%;
  }
  
  .dn .complementary .list-related {
  }
  
  .dn .complementary .list-related li {
  }
  
  .dn .complementary .list-related li:before, .dn .complementary .list-related li:after {
    content: "";
    display: table;
  }
  
  .dn .complementary .list-related li:after {
    clear: both;
  }
  
  .dn .complementary .list-related li > img {
    float: left;
    margin: 0 -100% 0 0;
    width: 48.125%;
  }
  
  .dn .complementary .list-related .list-related--group {
    float: left;
    margin: 0 -100% 0 51.7917%;
    width: 48.125%;
  }
}

@media only screen {

  .dn .topstory .hentry__kicker {
    font-size: 36px; 
    line-height: 1.2em;
  }

  .dn .topstory h2 {
    font-size: 36px; 
    line-height: 1.2em;
  }

  .dn .topstory h1.entry-title {
    font-size: 72px; 
    line-height: 72px;
  }

  .dn .hentry-group .hentry--lead .entry-title.stop {
    font-size: 66px; 
    line-height: 79px;    
  }

  .dn .stories .relatedStories,
  .dn .topstory .relatedStories {
    margin-top: 15px;
  }

  .dn .topstory .relatedStories .hentry.relatedStory {
    padding: 12px 0;
    margin: 0;
  }

  .dn .topstory .relatedStory h1.entry-title {
    line-height: 1.2em;
  }

  .dn .topstory .stop-box .relatedStory h1.entry-title {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 0;
  }

  .dn .topstory .stop-box .relatedStory h1.entry-title .hentry__section {
    font-size: 16px;
    line-height: 1.2em;    
  }
  
  .dn .topstory .lead,  
  .dn .topstory .lead p {
    font-size: 20px; 
    line-height: 28px;    
  }
  
  .dn .topstory .hentry__section {
    font-size: 20px; 
    line-height: 1.2em;
  }
  
  .dn .custom .cols--three h1.entry-title {
    font-size: 40px; 
    line-height: 40px;    
    font-weight: 500;
    margin-bottom: 16px;
  }
  
  .dn .custom .cols--three a.leadtext {
    font-size: 20px; 
    line-height: 28px;    
  }

  .dn .custom .cols--three .hentry__section {
    font-size: 20px; 
    line-height: 1.2em;
  }
  
  .dn .custom .cols--left h1.entry-title {
    font-size: 40px; 
    line-height: 40px;  
    font-weight: 500;
  }

  .dn .custom .cols--left a.leadtext {
    font-size: 20px; 
    line-height: 28px;
  }

  .dn .custom .cols--left .hentry__section {
    font-size: 20px; 
    line-height: 1.2em;
  }   
    
  .dn .promo .entry-title {
    font-size: 40px;
    line-height: 40px;
  }

  .dn .article_video_left{
    width: 300px;
    height: 250px;
  }

  .dn .article_video_right {
    width: 300px;
    height: 250px;
  }
}



@media only screen {

  .dn .article .entry-title {
    font-size: 40px;
    line-height: 40px;
  }

}


/* Everybody: PLEASE USE -->->> 2 <<-<-- SPACES FOR IDENTATION INSTEAD OF TABS WHEN EDITING CSS FILES !!! */


/* rock-hammer-nonresponsive.css */
/* Additional css for the non-responsive pages. */

body {
  min-width: 1260px;
}

.drfront > .articles {
  margin-left: auto;
  margin-right: auto;
  /*padding: 0 35px;*/
  width: 1192px;
}

.dn .bx-wrapper {
  margin: 0;
}

/* Make sure we don't show any DrFront editing helpers on the burned site. */
.drfront .article-extract .df-img-container-inner:before {
  display: none;
}