/* Typography */

.masthead-section {
	font-weight: bold;
}

.masthead-section,
.article-full-headline,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: black !important;
}

h1, 
.pp-header-group__headline {
	font-weight: bold;
	font-size: 2rem;
	line-height: 2.25rem;
	color: black;
}

.pp-header-group__standfirst {
	font-size: 1.125rem;
	line-height: 1.5rem;
}

p {
	font-size: 1rem;
	line-height: 1.4rem;
}

h1, h2, h3, h4, h5, h6,
body .pp-header-group__headline {
	color: #003D51;
}

h2 {
	font-size: 1.5rem;
  line-height: 1.7rem;
	margin-top: 10px;
}

h3 {
	font-size: 1.25rem;
  line-height: 1.45rem;
	font-weight: 400;
	padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
	margin-top: 10px;
}

.dropcap.article-subhead {
	font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.375rem;
  margin-bottom: 10px;
	float: unset;
	text-align: left;
}

.dropcap.article-subsubhead {
	font-size: 1.25rem;
  line-height: 1.375rem;
	float: unset;
	text-align: left;
}

.dropcap:not(.article-subhead):not(.article-subsubhead):first-letter {
    font-weight: 600;
    font-size: 3.15rem;
    line-height: 2rem;
    margin-top: 5px;
		float: unset;
}

li::marker {
	color: #000ADE;
}

/* POLLY AUDIO BUTTON */

html body .pp-article__header .pp-header-group .pp-listen-button {
  background-color: #ffffff;
  border: 2px solid #000000;
	color: #000000;
}

@media (prefers-color-scheme: dark) {
  html body .pp-article__header .pp-header-group .pp-listen-button {
    background-color: #000000;
    border: 2px solid #ffffff;
		color: #ffffff;
  }
}

html body .pp-article__header .pp-header-group .pp-listen-button:has(audio) {
  border: none;
  display: block;
}

html body .pp-article__header .pp-header-group .pp-listen-button:has(audio) audio {
  border: 2px solid #000000;
  padding: 7px;
  height: 49px;
  border-radius: 50px;
  width: 100%;
}

html body .pp-article__header .pp-header-group .pp-listen-button:has(audio) audio::-webkit-media-controls-play-button,
html body .pp-article__header .pp-header-group .pp-listen-button:has(audio) audio::-webkit-media-controls-panel {
  background-color: #ffffff;
  color: #000000;
}

html body .pp-article__header .pp-header-group .pp-listen-button a {
  padding: 0;
  margin-top: -3px;
}

/* DARK MODE */

body.dark-mode-is-on.is-preview [style="color: rgb(130, 0, 64)"]{
	color: #FF0080 !important;
}

body.dark-mode-is-on.is-preview [style*="color: #820040;"]{
	color: #E60073 !important;
}


body.dark-mode-is-on.is-preview h1, 
body.dark-mode-is-on.is-preview h2, 
body.dark-mode-is-on.is-preview h3, 
body.dark-mode-is-on.is-preview h4, 
body.dark-mode-is-on.is-preview h5, 
body.dark-mode-is-on.is-preview h6,
body.dark-mode-is-on.is-preview .pp-header-group__headline,
body.dark-mode-is-on.is-preview a {
	color: white;
}

body.dark-mode-is-on.is-preview .masthead-section,
body.dark-mode-is-on.is-preview .article-full-headline,
body.dark-mode-is-on.is-preview .dropcap,
body.dark-mode-is-on.is-preview .article-full-lead,
body.dark-mode-is-on.is-preview .article-full-body,
body.dark-mode-is-on.is-preview .ld_bold,
body.dark-mode-is-on.is-preview .ld_italic,
body.dark-mode-is-on.is-preview [style*="color: rgb(0, 0, 0)"],
body.dark-mode-is-on.is-preview [style*="color: #000000;"]{
	color: white !important;
}

body.dark-mode-is-on.is-preview .article-boxout * {
	color: black !important;
}

@media (prefers-color-scheme: dark) { 
	
	body:not(.is-preview):not(.is-lightmode-on) [style="color: rgb(130, 0, 64)"]{
		color: #FF0080 !important;
	}
	
	body:not(.is-preview):not(.is-lightmode-on) [style*="color: #820040;"]{
		color: #E60073 !important;
	}
	
	body:not(.is-preview):not(.is-lightmode-on) h1, 
	body:not(.is-preview):not(.is-lightmode-on) h2, 
	body:not(.is-preview):not(.is-lightmode-on) h3, 
	body:not(.is-preview):not(.is-lightmode-on) h4, 
	body:not(.is-preview):not(.is-lightmode-on) h5, 
	body:not(.is-preview):not(.is-lightmode-on) h6,
	body:not(.is-preview):not(.is-lightmode-on) .pp-header-group__headline,
	body:not(.is-preview):not(.is-lightmode-on) a {
		color: white !important;
	}
	
	body:not(.is-preview):not(.is-lightmode-on) .masthead-section,
	body:not(.is-preview):not(.is-lightmode-on) .article-full-headline,
	body:not(.is-preview):not(.is-lightmode-on) .dropcap,
	body:not(.is-preview):not(.is-lightmode-on) .article-full-lead,
	body:not(.is-preview):not(.is-lightmode-on) .article-full-body,
	body:not(.is-preview):not(.is-lightmode-on) .ld_bold,
	body:not(.is-preview):not(.is-lightmode-on) .ld_italic,
	body:not(.is-preview):not(.is-lightmode-on) [style*="color: rgb(0, 0, 0)"],
	body:not(.is-preview):not(.is-lightmode-on) [style*="color: #000000;"],
	body:not(.is-preview):not(.is-lightmode-on) li::marker {
		color: white !important;
	}
	
	body:not(.is-preview):not(.is-lightmode-on) .article-boxout * {
		color: black !important;
	}
}

/* Layout */

.pp-container {
	max-width: 740px;
}

/* Wider screens */

@media only screen and (min-width: 640px) {
	h1, 
	.pp-header-group__headline {
		font-weight: bold;
		font-size: 2.5rem;
		line-height: 2.75rem;
	}

	.pp-header-group__standfirst {
		font-size: 1.225rem;
		line-height: 1.6rem;
	}

	p {
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
	
	.dropcap:not(.article-subhead):not(.article-subsubhead):first-letter {
    font-size: 3.55rem;
    line-height: 2.3rem;
	}
}