/* =========================================
   TYPOGRAPHY & TEXT STYLES
   Used by: blog/index/index.njk, blog/index/view.njk
   ========================================= */

.dailypolitics-heading-xl, .app-prose-scope h1 {
    color: #0b0c0c;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    /*font-family: "GDS Transport",Arial,sans-serif;*/
	/*font-family: 'TabloidFont', 'Garamond', serif;*/
	font-family: Anton, "Anton Fallback", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    line-height: 1.09375;
    display: block;
    margin: 0;
    /*margin-bottom: 30px;*/
	padding: 16px;
	font-weight: normal;
	letter-spacing: 0;
    line-height: 1.2em;
    text-transform: uppercase;
    /*text-shadow: rgba(0,0,0,.15) 1px 1px 2px;*/
    word-break: break-word;
    font-size: 32px !important;
}


.dailypolitics-heading-xl a {
	color: #ffffff;
	text-decoration:none;
	font-size: inherit;
}

.dailypolitics-heading-l, .app-prose-scope h2 {
    color: #0b0c0c;
    font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.04167;
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
}

.dailypolitics-\!-margin-bottom-8 {
    margin-bottom: 50px !important;
}

.dailypolitics-\!-margin-bottom-16 {
    margin-bottom: 16px !important;
}

.dailypolitics-\!-margin-top-8 {
    margin-top: 50px !important;
}

.dailypolitics-body {
    color: #0b0c0c;
    /*font-family: "nta", Arial, sans-serif;*/
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 19px !important;
    font-size: 1rem;
    line-height: 1.618 !important;
    margin-top: 0;
    margin-bottom: 16px;
	padding: 0px;
}

.dailypolitics-body p {
    color: #0b0c0c;
    /*font-family: "nta", Arial, sans-serif;*/
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 19px !important;
    font-size: 1rem;
    line-height: 1.618 !important;
    margin: 0;
    /*margin-bottom: 16px;*/
	padding: 16px;
}

.dailypolitics-body ul,
.dailypolitics-body ol {
    color: #0b0c0c;
    font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 19px !important;
    line-height: 1.618 !important;
    margin: 0;
    margin-bottom: 16px;
    padding-left: 40px;
    padding-right: 16px;
}

.dailypolitics-body ul li,
.dailypolitics-body ol li {
    color: #0b0c0c;
    font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 19px !important;
    line-height: 1.618 !important;
    margin-bottom: 8px;
    padding: 0;
    background-color: transparent !important;
    border: none !important;
}

.dailypolitics-body img {
	width: 100%;
}

.dailypolitics-footer {
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    padding: .75rem 1.25rem;
    background-color: #f3f2f1;
    border-top: 1px solid rgba(0,0,0,.125);
}


.anchor-color a {
	color: #1d70b8 !important;
	text-transform: uppercase;
}

blockquote {
	margin-left:16px;
	margin-top:16px;
	margin-bottom:16px;
    padding-left: 0;
    border-left: .2em solid rgba(0,0,0,.15);
}

.emoji {
    width:24px !important;
}
.nobr {
    white-space: nowrap !important;
}




/* =========================================
   COLOR UTILITY CLASSES
   Used by: blog/index/index.njk (presentation_css_classes)
   ========================================= */

.breaking {
    background-color: #c0392b;
	color:#fff;
}

.red {
	background-color: #d4351c;
	color:#fff !important;
}

.red a {
	color:#fff !important;
}

.yellow {
	background-color: #ffdd00;
	color:#000 !important;
}

.yellow a {
	color:#000 !important;
}

.green {
	background-color: #00703c;
	color:#fff !important;
}

.green a {
	color:#fff !important;
}

.blue {
	background-color: #1d70b8;
	color:#fff !important;
}

.blue a {
	color:#fff !important;
}

.dark-blue {
	background-color: #003078;
	color:#fff !important;
}

.dark-blue a {
	color:#fff !important;
}

.light-blue {
	background-color: #5694ca;
	color:#000 !important;
}

.light-blue a {
	color:#000 !important;
}

.purple {
	background-color:#4c2c92;
	color:#fff !important;
}

.purple a {
	color:#fff !important;
}

.black {
	background-color: #0b0c0c;
	color:#000 !important;
}

.black a{
	color:#000 !important;
}

.dark-grey {
	background-color: #626a6e;
	color:#fff !important;
}

.dark-grey a {
	color:#fff !important;
}

.mid-grey {
	background-color: #b1b4b6;
	color:#000 !important;
}

.mid-grey a {
	color:#000 !important;
}

.light-purple {
	background-color:#6f72af;
	color:#000 !important;
}

.light-purple a {
	color:#000 !important;
}

.bright-purple {
	background-color:#912b88;
	color:#fff !important;
}

.bright-purple a {
	color:#fff !important;
}

.pink {
	background-color:#d53880;
	color:#000 !important;
}

.pink a {
	color:#000 !important;
}

.light-pink {
	background-color:#f499be;
	color:#000 !important;
}

.light-pink a {
	color:#000 !important;
}

.orange {
	background-color:#f47738;
	color:#000 !important;
}

.orange a {
	color:#000 !important;
}

.brown {
	background-color:#b58840;
	color:#000 !important;
}

.brown a {
	color:#000 !important;
}

.light-green {
	background-color:#85994b;
	color:#000 !important;
}

.light-green a {
	color:#000 !important;
}

.turquoise {
	background-color:#28a197;
	color:#000 !important;
}

.turquoise a {
	color:#000 !important;
}

/* =========================================
   PAGINATION & BUTTONS
   Used by: blog/index/index.njk (pagination)
   ========================================= */

.dailypolitics-btn__pagination {
	color: #fff;
	font-family: Anton, "Anton Fallback", sans-serif;
    font-size: 1.3em;
    text-shadow: rgba(0,0,0,.15) 1px 1px 2px;
	background-color: #d4351c;
}

a.dailypolitics-btn__pagination:hover{
	color:#fff;
}

.btn-transparent {
    margin-top: 0.25em;
    color: #000;
    background-color: transparent;
    border-color: black;
}

.btn-primary-outline {
  background-color: transparent;
  border-color: #ccc;
}

.btn-amazon, .btn-amazon:hover, .btn-amazon:active, .btn-amazon:visited {
    background-color: #f47738 !important;
	color: #fff !important;
}

/* =========================================
   SPACING & UTILITY CLASSES
   Used by: blog/index/index.njk, blog/index/view.njk
   ========================================= */

.dailypolitics-\!-padding-left {
	padding-left:0 !important;
}
.dailypolitics-\!-padding-right {
	padding-right:0 !important;
}

.dailypolitics-\!-padding-8-left {
    padding-left: 0px;
}

.dailypolitics-\!-padding-8-right {
    padding-right: 0px;
}

.dailypolitics-spacing-16 {
    margin-bottom: 16px
}

.dailypolitics-margin-left-5 {
    margin-left: 5px
}

.dailypolitics-margin-right-5 {
    margin-right: 5px
}

.dailypolitics-correction {
	margin-right: -15px;
    margin-left: -15px;
}

/* =========================================
   ARTICLE & IMAGE STYLES
   Used by: blog/index/index.njk, blog/index/view.njk
   ========================================= */

.story-body .media-caption {
    min-height: 24px; /* or whatever is typical for your captions */
    padding: 16px;
    padding: 16px;
}

.story-body figure>figcaption {
    display: block;
    visibility: visible;
	background-color: #000;
	color: #fff;
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
	font-size: 13px;
}

.story-image-copyright, .responsive-image__copyright {
    background: #404040;
    background: rgba(0,0,0,0.6);
    bottom: 0;
    color: #ececec;
    letter-spacing: .25px;
    padding: 3px 8px 1px;
    position: absolute;
    right: 0;
	color: #fff;
}

.js-image-replace {
    width:100%;
}

p figure>figcaption {
    display: block;
	padding: 16px;
    visibility: visible;
    background-color: #000;
    color: #fff;
    font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px;
}

.twitter-tweet-rendered {
	margin:auto;
}

/* =========================================
   SPONSORED CONTENT STYLES
   Used by: blog templates (if sponsored content is enabled)
   ========================================= */

.sponsored-list {
	padding-left:0 !important;
	padding-right:0 !important;
}

.sponsorship-label {
    background-color: #ffdd00;
    margin-bottom: 0;
    font-size: 0.809em;
    font-weight: 700;
    color: #000;
    padding: 3px;
}

.sponsorship-tagline {
	margin-bottom: 0;
    font-size: 0.809em;
}

.sponsorship-header {
    margin-bottom: 0;
    font-size: 0.809em;
    font-weight: bold;
	margin-bottom: 11px;
}

.sponsored-article {
	margin-bottom: 11px;
}

.sponsorship-footer {
    font-size: 0.809em;
}

.is-sponsored .flag {
    background: 0 0;
    color: 	#1d70b8 !important;
    padding: 0;
	text-transform: uppercase;
	font-size: 1rem !important;
    font-weight: 700;
    letter-spacing: .1rem;
}

.amazon-fix a {
	margin-top:16px;
}

.bookcard-container {
	padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.bookcard-cover-container {
	padding-bottom: 16px;
}

/* =========================================
   COMMENTS & DISCUSSIONS
   Used by: blog/index/view.njk (if comments enabled)
   ========================================= */

.comments {
	background-color: #f3f2f1;
}

.comments p {
	margin-top:16px;
	margin-bottom:16px;
}

.disqus-fix {
	padding-left:0;
	padding-right:0;
}

.disqus-fix-margin-top-bottom-24 {
	margin-bottom:24px;
	margin-top:24px;
}

/* =========================================
   SIDEBAR & CARD STYLES
   Used by: blog/index/index.njk, blog/index/view.njk (sidebar helper)
   ========================================= */

.card li a {
	color: #003078;
	font-size: 19px;
}

/*.card li a:active {*/
    /*background-color: #ffdd00;*/
	/*display: inline-block;*/
	/*text-decoration: underline;*/
	/*-webkit-text-decoration-color: #000;*/
	/*text-decoration-color: #000;*/

    /*position: relative;*/
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
    /*padding-left: 14px;*/
/*}*/

/* =========================================
   SOCIAL MEDIA ICONS
   Used by: blog/index/index.njk, blog/index/view.njk
   ========================================= */

/* Style all font awesome icons */
.fa {
  padding: 11px;
  font-size: 16px;
  /*width:30px;*/
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}

/* =========================================
   TAG COMPONENT (Daily Politics)
   Used by: blog/index/index.njk, blog/index/view.njk, admin/dashboard/list.njk
   ========================================= */

.dp-tag {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  border-radius: 4px; /* rectagular */
  font-family: inherit;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid transparent;
  background-color: #f3f2f1;
  color: #222222;
  vertical-align: middle;
  white-space: nowrap;
}

/* Space tags when multiple are shown together */
.dp-tag + .dp-tag {
  margin-left: 0.25rem;
}

/* Neutral / default tag (e.g. "Opinion", "Analysis") */
.dp-tag--neutral {
  background-color: #f3f2f1;
  border-color: #d0d0d0;
  color: #444444;
}

/* Primary / attention tag (e.g. "Breaking") */
.dp-tag--primary {
  background-color: #0050b3;
  border-color: #003a82;
  color: #ffffff;
}

/* Positive tag (e.g. "Passed", "Approved") */
.dp-tag--positive {
  background-color: #0f8243;
  border-color: #0a5c30;
  color: #ffffff;
}

/* Warning tag (e.g. "Delayed", "At risk") */
.dp-tag--warning {
  background-color: #f3a800;
  border-color: #c68600;
  color: #222222;
}

/* Negative / danger tag (e.g. "Rejected", "Urgent") */
.dp-tag--negative {
  background-color: #c52a1a;
  border-color: #8f1f13;
  color: #ffffff;
}

/* Muted / low emphasis tag (e.g. "Archived", "Draft") */
.dp-tag--muted {
  background-color: #e5e5e5;
  border-color: #cccccc;
  color: #555555;
}


.dp-tag--breaking {
    background-color: #c0392b;
	color:#fff;
}

.dp-tag--red {
	background-color: #d4351c;
	color:#fff !important;
}

.dp-tag--red a {
	color:#fff !important;
}

.dp-tag--yellow {
	background-color: #ffdd00;
	color:#000 !important;
}

.dp-tag--yellow a {
	color:#000 !important;
}

.dp-tag--green {
	background-color: #00703c;
	color:#fff !important;
}

.dp-tag--green a {
	color:#fff !important;
}

.dp-tag--blue {
	background-color: #1d70b8;
	color:#fff !important;
}

.dp-tag--blue a {
	color:#fff !important;
}

.dp-tag--dark-blue {
	background-color: #003078;
	color:#fff !important;
}

.dp-tag--dark-blue a {
	color:#fff !important;
}

.dp-tag--light-blue {
	background-color: #5694ca;
	color:#000 !important;
}

.dp-tag--light-blue a {
	color:#000 !important;
}

.dp-tag--purple {
	background-color:#4c2c92;
	color:#fff !important;
}

.dp-tag--purple a {
	color:#fff !important;
}

.dp-tag--black {
	background-color: #0b0c0c;
	color:#000 !important;
}

.dp-tag--black a{
	color:#000 !important;
}

.dp-tag--dark-grey {
	background-color: #626a6e;
	color:#fff !important;
}

.dp-tag--dark-grey a {
	color:#fff !important;
}

.dp-tag--mid-grey {
	background-color: #b1b4b6;
	color:#000 !important;
}

.dp-tag--mid-grey a {
	color:#000 !important;
}

.dp-tag--light-purple {
	background-color:#6f72af;
	color:#000 !important;
}

.dp-tag--light-purple a {
	color:#000 !important;
}

.dp-tag--bright-purple {
	background-color:#912b88;
	color:#fff !important;
}

.dp-tag--bright-purple a {
	color:#fff !important;
}

.dp-tag--pink {
	background-color:#d53880;
	color:#000 !important;
}

.dp-tag--pink a {
	color:#000 !important;
}

.light-pink {
	background-color:#f499be;
	color:#000 !important;
}

.dp-tag--light-pink a {
	color:#000 !important;
}

.dp-tag--orange {
	background-color:#f47738;
	color:#000 !important;
}

.dp-tag--orange a {
	color:#000 !important;
}

.dp-tag--brown {
	background-color:#b58840;
	color:#000 !important;
}

.dp-tag--brown a {
	color:#000 !important;
}

.dp-tag--light-green {
	background-color:#85994b;
	color:#000 !important;
}

.dp-tag--light-green a {
	color:#000 !important;
}

.dp-tag--turquoise {
	background-color:#28a197;
	color:#000 !important;
}

.dp-tag--turquoise a {
	color:#000 !important;
}

/* Sidebar/Recent Posts styles moved from main.css */
/* Desktop: show .hidden-phone, hide .visible-phone */
.visible-phone {
	display: none !important;
}

.hidden-phone {
	display: block;
}

/* Mobile (600px and below): hide .hidden-phone, show .visible-phone */
@media screen and (max-width: 600px) {
	.hidden-phone {
		display: none !important;
	}

	.visible-phone {
		display: block !important;
	}
}

.list-group {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size:16px;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.odd {
	border-top: 1px solid rgba(0,0,0,.125);
}

.list_group {
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Category list alignment - name left, count right */
.list-group-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.category-name {
	text-align: left;
	flex: 1;
}

.category-post-count {
	text-align: right;
	margin-left: auto;
	padding-left: 8px;
	color: #626a6e;
	font-size: 0.9em;
}
/* Blog-specific styles moved from dp.css */
.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	/*background-color: #e8e5c3;*/
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-top-color: rgba(0, 0, 0, 0.125);
	border-top-style: solid;
	font-size: 19px;
}

.card-header {
	padding: .75rem 1.25rem;
	/*letter-spacing: 0.01618em;*/
	font-family: Anton, "Anton Fallback", sans-serif;
	/*color: #fff;*/
	color: #000;
	margin-bottom: 0;
	background-color: #fff; 
	/*background-color: #003078;  */
	border-bottom: 1px solid rgba(0,0,0,.125);
	letter-spacing: 0;
	line-height: 1.2em;
	text-transform: uppercase;
	/*text-shadow: rgba(0,0,0,.15) 1px 1px 2px;*/
	word-break: break-word;
	font-size: 32px !important;
}

.related-header {
	padding: .75rem 1.25rem;
	/*letter-spacing: 0.01618em;*/
	font-family: Anton, "Anton Fallback", sans-serif;
	color: #000;
	margin-bottom: 0;
	background-color: #b1b4b6;
	border-bottom: 1px solid rgba(0,0,0,.125);
	letter-spacing: 0;
	line-height: 1.2em;
	text-transform: uppercase;
	/*text-shadow: rgba(0,0,0,.15) 1px 1px 2px;*/
	word-break: break-word;
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
	/*background-color: #e8e5c3;*/
	background-color: #f3f2f1;
	font-size: 19px;
}

.card p, .card span, .card div:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
	font-size: 19px;
}

.card a:not(h1 a):not(h2 a):not(h3 a):not(h4 a):not(h5 a):not(h6 a) {
	font-size: 19px;
}

/* Ensure headers maintain their original font sizes */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
	font-size: inherit;
}

.card h1 a, .card h2 a, .card h3 a, .card h4 a, .card h5 a, .card h6 a {
	font-size: inherit;
}

.dailypolitics-grid-column-two-thirds {
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px;
}

.item-right {
   float: right;
   display:block;
   position:relative;
}

.card .card-body .content-ul {
	overflow-y: auto;
	padding-right: 10px;
	line-height: 1.8;
	padding-left: 35px;
	background-color: #f3f2f1;
	list-style-type:none;
}

.card li {
	border:0;
	padding: .75rem 1.25rem;
	/*background-color: #e8e5c3;*/
	background-color: #fff;
	font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size:16px;
}

/*.card li.even { */
	/*background-color: #f8f2bf;*/
/*}*/

.card li.odd {
	/*background-color: #e8e5c3;*/
	border-top: 1px solid rgba(0,0,0,.125);
}

.card li.even {
	/*background-color: #e8e5c3;*/
	background-color: rgba(0,0,0,.03) !important;
}

/* Green button for pagination and actions */
.btn-green {
	background-color: #00703c !important;
	color: #fff !important;
	border-color: #00703c !important;
}
.btn-green:focus, .btn-green:hover {
	background-color: #005a30 !important;
	color: #fff !important;
	border-color: #005a30 !important;
}

img.hero-image {
  width: 100%;
  max-width: 600px;
  height: 400px;
  object-fit: cover;
  display: block;
}

/* =========================================
   DAILY POLITICS PAGINATION COMPONENT
   Article navigation (Previous/Next)
   Based on GOV.UK design
   ========================================= */

.dp-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
  gap: 20px;
}

.dp-pagination__prev,
.dp-pagination__next {
  flex: 0 0 auto;
}

.dp-pagination__next:first-child {
  margin-left: auto;
}

.dp-pagination__link {
  display: inline-block;
  padding: 12px 24px;
  background-color: #003078;
  color: #ffffff;
  text-decoration: none;
  font-family: Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.dp-pagination__link:hover {
  background-color: #002554;
  color: #ffffff;
  transform: translateY(-1px);
}

.dp-pagination__link:active {
  transform: translateY(0);
}

.dp-pagination__link:focus {
  outline: 3px solid #ffdd00;
  outline-offset: 2px;
  background-color: #003078;
}

@media (min-width: 40.0625em) {
  .dp-pagination__link {
    padding: 14px 28px;
    font-size: 1.125rem;
  }
}

.dp-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}