
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT';
  src: local("UnitOT"), url("../fonts/UnitOT.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT-Ita';
  src: local("UnitOT-Ita"), url("../fonts/UnitOT-Ita.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT-Black';
  src: local("UnitOT-Black"), url("../fonts/UnitOT-Black.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT-BlackIta';
  src: local("UnitOT-BlackIta"), url("../fonts/UnitOT-BlackIta.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-Light';
  src: local("UnitSlabPro-Light"), url("../fonts/UnitSlabPro-Light.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-Bold';
  src: local("UnitSlabPro-Bold"), url("../fonts/UnitSlabPro-Bold.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-Black';
  src: local("UnitSlabPro-Black"), url("../fonts/UnitSlabPro-Black.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-BlackIta';
  src: local("UnitSlabPro-BlackIta"), url("../fonts/UnitSlabPro-BlackIta.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'DTLDocumenta';
 /* src: local("DTLDocumenta"), url("../fonts/DTLDocumenta.otf") format("opentype");*/
    src: local("D019X13T"), url("../fonts/D019X13T.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'DTLDocumenta-Ita';
 /* src: local("DTLDocumenta-Ita"), url("../fonts/DTLDocumenta-Ita.otf") format("opentype");*/
  src: local("D019X33T"), url("../fonts/D019X33T.otf") format("opentype");
}



@media (max-width: 700px) {
  #section-header .section-mark {
    left: 20px;
    width: 6px;
    height: 22px;
  }
}
#section-header .section-mark:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 5px solid #c8d1d8;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}
@media (max-width: 700px) {
  #section-header .section-mark:before {
    border-top: 3px solid #C8D1D8;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
  }
}
#section-header h1 {
  position: absolute;
  left: 60px;
  margin: 0;
  font: normal 1.25rem 'UnitOT-Black';
  font-weight: normal;
  font-style: normal;
  line-height: 2.125rem;
  color: #d1232a;
}
@media (max-width: 700px) {
  #section-header h1 {
    left: 32px;
    font-size: 1rem;
    line-height: 1.688rem;
  }
}

p.dropcap:first-letter, p.medium-dropcap:first-letter, p.big-dropcap:first-letter, .dropcap > p:first-of-type:first-letter {
  float: left;
  color: #536f80;
  text-transform: uppercase;
  -webkit-text-size-adjust: none !important;
}

p.dropcap:first-letter, .dropcap > p:first-of-type:first-letter {
  margin: 12px 2px 0 0;
  font-size: 3.313rem;
}

p.medium-dropcap:first-letter {
  margin: 22px 1px 20px 0;
  font-size: 5.5rem;
}

p.big-dropcap:first-letter {
  margin: 44px 1px 40px 0;
  vertical-align: text-top;
  font-size: 1020%;
  font-size: 10rem;
}
@media (max-width: 700px) {
  p.big-dropcap:first-letter {
    margin: 21px 1px 10px 0;
    font-size: 475%;
    font-size: 5.5rem;
  }
}

* {
  -webkit-text-size-adjust: none;
}

body {
  font-size: 1rem;
  font-family: 'DTLDocumenta';
  line-height: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
  line-height: 1.5rem; margin:0 0 0.1em;
}
p em {
  font-family: 'DTLDocumenta-Ita';
}

article p {
  font-size: inherit;
}




a {
  color: inherit;
  text-decoration: inherit;
}

figure p.copyright {
  display: none;
}

img {
  display: block;
}

hr {
  margin: 16px 0 0;
  border: none;
}

.article-body {
  font-size: 1rem;
}

.push-toolbar {
  padding-top: 44px;
}

article {
  margin: 40px;
}
@media (max-width: 700px) {
  article {
    margin: 20px;
  }
}
article #date {
  float: right;
  clear: both;
  padding-top: 20px;
  font: normal 0.9375rem 'UnitSlabPro-Bold';
}

section {
  min-height: 100%;
}

section:after,
article:after {
  display: table;
  clear: both;
  content: " ";
}

blockquote {
  color: #58717F;
  font-family: 'DTLDocumenta';
}

p.indent {
  display: block;
  margin: 20px 1.5em;
  font-size: 90%;
  line-height: 1.25rem;
}

.hide {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
}

body.nightmode {
  background: black;
  color: white;
}
body.nightmode *,
body.nightmode *:first-letter {
  border-color: white !important;
  color: inherit !important;
}
body.nightmode .logo {
  background-image: url(img/newstatesman-nightmode.png);
}
body.nightmode a#play-button {
  background-image: url("img/audio-button-nightmode.gif") !important;
}
body.nightmode a#play-button.playing {
  background-image: url("img/audio-button-active-nightmode.gif") !important;
}
body.nightmode section#exhibition aside, body.nightmode section#exhibition header,
body.nightmode section#section-cover aside,
body.nightmode section#section-cover header {
  background: rgba(0, 0, 0, 0.75) !important;
}



article header {
  text-align: center;
}
article header .logo {
  display: block;
  margin: 0 auto;
  width: 330px;
  height: 45px;
  background-image: url(img/newstatesman.png);
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  color: transparent;
  text-indent: -9999px;
}
@media (max-width: 700px) {
  article header .logo {
    width: 160px;
    height: 22px;
  }
}
article header h2 {
  margin-top: 6px;
  color: #536f80;
  font-weight: normal;
  font-size: 1.063rem;
  font-family: 'UnitSlabPro-Bold';
  line-height: 1.25rem;
}
@media (max-width: 700px) {
  article header h2 {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

article {
  padding-top: 70px;
}
@media (max-width: 700px) {
  article {
    padding-top: 35px;
  }
}
article h1 {
  display: block;
  margin: 70px auto 50px;
  width: 85%;
  text-align: center;
  font-weight: normal;
  font-size: 2.438rem;
  font-family: 'DTLDocumenta';
  line-height: 2.688rem;
}
@media (max-width: 700px) {
  article h1,  {
    margin: 35px auto 20px;
    font-size: 1.375rem;
    line-height: 1.5rem;
  }
}
article .copy-wrap {
  margin: 0 auto;
}
@media only screen and (min-width: 701px) and (max-width: 9999px) {
  article .copy-wrap {
    width: 65%;
  }
}
article p {
  text-indent: 0em;
}
article p:first-of-type {
  text-indent: 0;
}

article.indent_none {
  text-indent: 0;
}





/*saradhi*/



#article-body blockquote.pull-quote-leader , #article-body div.pull-quote-leader blockquote {
    padding: 6px 0 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	 text-align:center; /*width:65%;*/ margin:20px auto 20px;
  }

#article-body blockquote.pull-quote-leader  p, #article-body div.pull-quote-leader blockquote p {
    color: #58717F;
    font-size: 1.625rem;
    line-height: 1.813rem;
  }


.indent_none p,
.indent_normal p:first-of-type,
.indent_not_first p:first-of-type,
.indent_normal h1 + p,
.indent_not_h1 h1 + p,
.indent_normal h2 + p,
.indent_not_h2 h2 + p,
.indent_normal h3 + p,
.indent_not_h3 h3 + p,
.indent_normal h4 + p,
.indent_not_h4 h4 + p,
.indent_normal ul + p,
.indent_not_ul ul + p,
.indent_normal ol + p,
.indent_not_ol ol + p {
  text-indent: 0;
}
.indent_normal p{ text-indent:2em;}
.indent_none.dropcap p.dropcap:first-letter, .indent_none.dropcap > p:first-of-type:first-letter,
.dropcap blockquote+p:first-of-type:first-letter  { color:#000; font-size:0.875rem; margin:0; float:none;  }

/*.indent_normal.dropcap blockquote+p { text-indent:0em; margin-left:2em;}*/



article .copy-wrap .pad_normal > h1, article .copy-wrap  .pad_normal > h2, article .copy-wrap  .pad_normal > h3, article .copy-wrap .pad_normal > h4 { padding:10px 0 5px 0; font-weight: bold;}
article .copy-wrap .pad_normal > h1 { font-size:130%;}
article .copy-wrap .pad_normal > h2 { font-size:125%;}
article .copy-wrap .pad_normal > h3 { font-size:120%;}
article .copy-wrap .pad_normal > h4 { font-size:100%;}

.pad_none > h1,
.pad_not_h1 > h1,
.pad_none > h2,
.pad_not_h2 > h2,
.pad_none > h3,
.pad_not_h3 > h3,
.pad_none > h4,
.pad_not_h4 > h4 {
  padding-top: 0;
}
.cms-content b, .cms-content strong, .cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4, .cms-content h5, .cms-content h6 { font-weight:bold;}
.pad_normal.cms-content h1, .pad_normal.cms-content h2, .pad_normal.cms-content h3, .pad_normal.cms-content h4, .pad_normal.cms-content h5, .pad_normal.cms-content h6 {  padding:10px 0 5px 0;}
.cms-content em, .cms-content i  { font-style:italic; }
.cms-content u { text-decoration:underline;}
