/** plugin: Old Newspaper Dashboard #1.3 fonts **/
@import url('https://fonts.googleapis.com/css2?family=Lora&family=UnifrakturMaguntia&display=swap');

/** end plugin: Old Newspaper Dashboard #1.3 fonts **/
/** plugin: Vertical Timelines #1.6 code **/
/* BEGIN Salvatos Vertical Timeline */
@media (min-width:768px) {
	/* Set vars */
	.timeline {
		--svtlinecolor: white;
		--svtbgc: grey;
	}
	/* Position events */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"] {
		width: 50%;
		padding-bottom: 25px;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1) {
		left: 0;
		padding-right: 25px;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n) {
		left: 50%;
		padding-left: 25px;
	}
	/* Position markers*/
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"] > i {
		position: absolute;
		top: 7px;
		background-color: var(--svtbgc);
		color: white;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n) > i {
		left: calc(0% - 15px);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1) > i {
		left: calc(100% - 15px);
	}
	/* Position lines */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]::before {
		width: 6px;
		border-radius: 0;
		background-color: var(--svtlinecolor);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n)::before {
		left: calc(0% - 2px);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1)::before {
		left: calc(100% - 2px);
	}
	/* Set radius of line start */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) :is(li[id|="timeline-element"]::after, li[id|="timeline-element"]:first-of-type::before) {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}
	/* Fix length and set radius of line end */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) :is(li[id|="timeline-element"]::after, li[id|="timeline-element"]:last-of-type::before) {
		display: initial;
		height: calc(100% - 25px);
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}
	/* Reshape event blocks */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline-item {
		margin: 0;
	}
	/* Set date markers */
	.bg-aqua + .timeline-item .text-muted {--svtbgc:#00c0ef;}
	.bg-black + .timeline-item .text-muted {--svtbgc:#111;}
	.bg-brown + .timeline-item .text-muted {--svtbgc: #a35831;}
	.bg-green + .timeline-item .text-muted {--svtbgc:#00a65a;}
	.bg-gray + .timeline-item .text-muted {--svtbgc:#d2d6de;}
	.bg-light-blue + .timeline-item .text-muted {--svtbgc:#3c8dbc;}
	.bg-maroon + .timeline-item .text-muted {--svtbgc:#d81b60;}
	.bg-navy + .timeline-item .text-muted {--svtbgc:#001f3f;}
	.bg-orange + .timeline-item  .text-muted {--svtbgc:#ff851b;}
	.bg-pink + .timeline-item .text-muted {--svtbgc:#ebbde9;}
	.bg-purple + .timeline-item .text-muted {--svtbgc:#605ca8;}
	.bg-red + .timeline-item .text-muted {--svtbgc:#dd4b39;}
	.bg-teal + .timeline-item .text-muted {--svtbgc:#39cccc;}
	.bg-yellow + .timeline-item .text-muted {--svtbgc:#f39c12;}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline .box-title > .text-muted {
		position: absolute;
		top: 7px;
		width: max-content;
		padding: 5px 8px;
		border: 1px solid var(--svtbgc);
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
		background-color: var(--svtbgc);
		color: white;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n) .text-muted {
		right: calc(100% + 80px);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1) .text-muted {
		left: calc(100% + 80px);
	}
	/* Fancy arrowheads */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n) .text-muted:after,
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1) .text-muted:before {
		content: "";
		display: var(--svtarrow);
		position: absolute;
		top: -1px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-radius: 50%;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n) .text-muted:after {
		right: -24px;
		border-right: none;
		border-left: 25px solid var(--svtbgc);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1) .text-muted:before {
		left: -24px;
		border-left: none;
		border-right: 25px solid var(--svtbgc);
	}
}
/* END Salvatos Vertical Timeline */
/** end plugin: Vertical Timelines #1.6 code **/
/** plugin: Bigger Mobile Images #Version 2.0 code **/
.entity-grid  { 
  --image-width: 100%;
  --padding-height: 85%;
  --bigthumb: attr(href url);
}

@media (max-width: 576px) {
	/*
  .entity-grid .entity-header:has( > .entity-header-image ), .entity-grid>.entity-header.with-entity-banner { grid-template-columns: 100%;grid-template-rows: auto; }
  .entity-header:before { content: '';width: 0;padding-bottom: var(--padding-height);grid-row: 1 / 1;grid-column: 1 / 1; }
  .entity-header .entity-name-header { align-items: center; }
  .entity-grid .entity-header .entity-header-image { width: calc( var(--image-width) - 5px); justify-self: center; padding-left: 0; padding-right: 0; height: calc( var(--image-width) - 5px); }
  .entity-grid .entity-header .entity-header-image > a.entity-image.visible-xs {display: none!important;}
  .entity-grid .entity-header .entity-header-image > .dropdown-toggle.hidden-xs {display: grid!important;width: var(--image-width);}	
  .entity-grid .entity-header .entity-header-image .entity-image { height: var(--image-width); width: var(--image-width);justify-self: center;padding-left:0;padding-right:0;}
  .entity-grid .entity-header .entity-header-image+.entity-header-text { padding-left: 10px; grid-row-start: 2; grid-column-start: 1; }  
  .entity-grid>.entity-header.with-entity-banner .entity-header-text {padding-top: calc( var(--image-width) * 1.2 - 100% );}
  .entity-grid>.entity-header.with-entity-banner .entity-header-image > .dropdown-toggle.hidden-xs { display: none!important; }    
  .entity-header.with-entity-banner > .entity-banner { width: var(--image-width); justify-self: center; height: calc( var(--image-width) * 1.2 ); }
  .entity-header.with-entity-banner > .entity-header-text { grid-row-start: 2; grid-column-start: 1; color: var(--header-text); }
  .entity-header.with-entity-banner .entity-name-header > h1.entity-name { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text > .entity-texts > ol > li { color:  var(--breadcrumb-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text > .entity-texts > ol > li > a {color:  var(--breadcrumb-text);text-shadow: none; }
  .entity-grid>.entity-header.with-entity-banner .entity-icons { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text .entity-header-sub.pull-left { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text .entity-header-sub.pull-left a { color: var(--link-text); text-shadow: none; text-decoration: none; }
  .entity-header .entity-image + div > picture > img { width: 100%!important;justify-self: center; padding-left: 0; padding-right: 0;}
  body.entity-with-banner .content-wrapper>.content { padding-top: 15px; }
	*/
.entity-grid > .entity-header { flex-wrap: wrap; }	
.entity-grid > .entity-header > .entity-header-image { flex-basis: 100%; }
.entity-grid > .entity-header > .entity-header-image > a { /* background-image: attr(href url); */background-image: var(--entity-image-url);width: 100%;display: block;content: "A";aspect-ratio: 1;}
.entity-grid > .entity-header > .entity-header-image > a > img {display: none;}
}
/** end plugin: Bigger Mobile Images #Version 2.0 code **/
/** plugin: Pinned Entry Image #0.3 code **/
/* BEGIN Pinned Entity Image */
/* Preset width and heights */
.pinned-attribute[data-attribute^="pinned portrait"] {
  	--pinned-portrait-width: 170px; /* Kanka default sidebar width */
  	--pinned-portrait-height: var(--pinned-portrait-width); /* Default to square images like the entity header */
}
.pinned-attribute[data-attribute^="pinned portrait 200"] {
  	--pinned-portrait-height: 200px;
}
.pinned-attribute[data-attribute^="pinned portrait 250"] {
  	--pinned-portrait-height: 250px;
}
.pinned-attribute[data-attribute^="pinned portrait 300"] {
  	--pinned-portrait-height: 300px;
}
.pinned-attribute[data-attribute^="pinned portrait 350"] {
  	--pinned-portrait-height: 350px;
}
.pinned-attribute[data-attribute^="pinned portrait 400"] {
  	--pinned-portrait-height: 400px;
}
.pinned-attribute[data-attribute^="pinned portrait 450"] {
  	--pinned-portrait-height: 450px;
}
.pinned-attribute[data-attribute^="pinned portrait 500"] {
  	--pinned-portrait-height: 500px;
}
/* Set background, dimensions and styles */
.pinned-attribute[data-attribute^="pinned portrait"] {
	padding: 0;
  	display: block; /* To force display on campaigns that hide attributes with empty values */
    border: unset;
}
.pinned-attribute[data-attribute^="pinned portrait"]:not([data-attribute*="caption"])::after,
.pinned-attribute[data-attribute^="pinned portrait"][data-attribute*="caption"]::before {
  	display: block;
	content: "";
    background-image: var(--entity-image-url, url("https://images.unsplash.com/photo-1528731708534-816fe59f90cb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=300&q=80"));
    margin-left: calc(-1 * var(--sidebar-section-padding));
    width: var(--pinned-portrait-width);
    height: var(--pinned-portrait-height);
    background-size: var(--pinned-portrait-width) var(--pinned-portrait-height);
}
/* Hide the attribute’s name */
.pinned-attribute[data-attribute^="pinned portrait"] > strong {
    display: none;
}
/* Style the attribute’s value as a subheading */
.pinned-attribute[data-attribute^="pinned portrait"]:not([data-attribute*="caption"]) > .pull-right {
    display: block;
	float: unset !important;
	text-align: center;
	font-weight: bold;
}
/* Style the attribute’s value as a caption */
.pinned-attribute[data-attribute^="pinned portrait"][data-attribute*="caption"] > .pull-right {
    display: block;
	float: unset !important;
	text-align: center;
	font-style: italic;
}
/* Hide the gap after the attribute’s value */
.pinned-attribute[data-attribute^="pinned portrait"] > .pull-right + .clear {
    display: none;
}
/* Hide the bottom border */
.pinned-attribute[data-attribute^="pinned portrait"] + .pinned-attribute {
    border: unset;
}

/* Force pinned portrait to go above pinned relations */
/* Only applies when the pinned portrait is the first pinned attribute */
#sidebar-pinned-elements .pins {
	display: flex;
	flex-direction: column;
}
.pinned-relation + .pinned-attribute[data-attribute^="pinned portrait"] {
	order: -1;
}
/* END Pinned Entity Image */
/** end plugin: Pinned Entry Image #0.3 code **/
/** plugin: Longer Titles in Entry Grids #2 code **/
/* BEGIN Longer Titles in Entity Grids by Salvatos */
/* Undo default overflows and replace with multiline overflow */
.entities-grid div.entity.block:not(.entity-stack) .truncate.h-12 {
	text-overflow: unset;
	white-space: unset;
	height: auto;
	padding-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-grid-max-lines, 4);
    overflow: hidden;
}
/* More available height for text when no image */
.entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
    -webkit-line-clamp: var(--entity-grid-max-lines-noimg, 5);
}
/* Fix padding */
.entities-grid div.entity.block:not(.entity-stack) {
    padding-bottom: 1rem;
}
/* Consistent height for the Back tile in nested pages */
a.entity.block:first-of-type > .bg-box {
	height: auto;
}
/* Mobile view is %-based, tweak accordingly */
@media(max-width:639px) {
    /* Lines of text with & without image */
    .entities-grid .entity.block:not(.entity-stack) .truncate.h-12 {
        -webkit-line-clamp: var(--entity-grid-mobile-max-lines, 3);
        
    }
    .entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
        -webkit-line-clamp: var(--entity-grid-mobile-max-lines-noimg, 4);
    }
    /* More suitable padding */
    .entities-grid .entity.block:not(.entity-stack) {
        padding-bottom: 0.6rem;
    }
}
/* END Longer Titles in Entity Grids by Salvatos */
/** end plugin: Longer Titles in Entry Grids #2 code **/
/** plugin: Old Newspaper Dashboard #1.3 code **/
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) { 
  --adstrip1: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip01.webp'); 
  --adstrip2: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip02.webp'); 
  --adstrip3: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip03.webp');   
  --adstrip4: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip04.webp');   
  --adstrip5: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip05.webp'); 
  --adstrip6: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip06.webp'); 
  --adstrip7: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip07.webp');   
  --adstrip8: url('https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/strip08.webp');   
}

#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) { background: url(https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/newspaper.jpg); background-size: 100% 100%; box-shadow: inset 0 7px 14px -1px rgb(50 50 50 / 75%); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets { font-family: 'Lora', serif;filter: grayscale(1); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget-header a:not(.widget-image) { font-family: 'Lora', serif; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget {background: none;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box {border: none; position: relative;background: url(https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/newspaper.jpg);background-position: center;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-header {border: none;padding-bottom: 5px;padding-left: 0;padding-right: 0;display: flex;flex-direction: column-reverse;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-body {padding: 5px 0 10px 0;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-body > div > div.entity-content p { text-align: justify; text-justify: inter-word; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ) { background: var(--adstrip1); background-size: cover; background-position-y: top; background-position-x: center; background-repeat: repeat-y; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+1) { background-image: var(--adstrip2); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+2) { background-image: var(--adstrip3); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+3) { background-image: var(--adstrip4); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+4) { background-image: var(--adstrip5); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+5) { background-image: var(--adstrip6); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+6) { background-image: var(--adstrip7); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:not( .widget-header ):nth-of-type(8n+7) { background-image: var(--adstrip8); }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget-header i.ra.ra-skull { display: none; }

/* Entities with images */
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-header a.widget-image {transition: none;border-radius: 0;background-size: cover;background-position-y: calc(24pt + 10px);width: 100%;position: relative;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-header a.widget-image img { aspect-ratio: 4/3; object-fit: cover; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-header a.widget-image:after {
  /* content: ''; */ /* too messy for now */
  background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/grain-2b.png);
  display: inline-block;
  height: calc( 100% - 25pt);
  /* margin-top: calc( -800px + 10px + 24pt); */
  position: relative;
  width:100%;
  top: calc( -100% + 20pt);
}

@media (min-width: 991px)  {
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-6 div.widget > div.bg-box > div.panel-heading.panel-heading-entity:after,
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-9 div.widget > div.bg-box > div.panel-heading.panel-heading-entity:after,
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-12 div.widget > div.bgbox > div.panel-heading.panel-heading-entity:after {
    height: calc( 400px - 10px - 48pt);
  }
}

#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-header a:not(.widget-image) {background: none;color: #636b6f!important;text-shadow: unset;padding: 0;font-weight: 700;font-size: 175%;} 
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.widget > div.bg-box > div.widget-header a:not(.widget-image):hover { color: var(--link-hover); }
@media (min-width: 991px)  {
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-6 div.widget > div.panel > div.panel-heading.panel-heading-entity,
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-9 div.widget > div.panel > div.panel-heading.panel-heading-entity,
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-12 div.widget > div.panel > div.panel-heading.panel-heading-entity {
    background-position-y: calc(48pt + 10px);
  }
}

/* Newspaper header */
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > .widget h3.widget-header-text.newspaper-title {font-family: 'UnifrakturMaguntia', cursive;font-size: calc( 500% + 2vw );color: #636b6f;margin: 0;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > .widget-header:has( h3.widget-header-text.newspaper-title ) {margin-top: -2.5rem;margin-bottom: -2.5rem;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets .widget-header:has( > .newspaper-header ) { padding-top: 0; padding-bottom: 0; width:calc(100% + 1.25rem); border: none; border-top: 1px solid #555; border-bottom: 1px solid #555; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets .widget-header:has( > .newspaper-header.right ) {width: 100%;}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets .widget-header > .newspaper-header { margin: 0; font-size: 1rem; color: #636b6f; font-family:'Lora',serif; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets .widget-header > .newspaper-header.left { text-align: left; }
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets .widget-header > .newspaper-header.right { text-align: right; }
@media (max-width: 992px) { #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets .widget-header > .newspaper-header { font-size: 0.75rem; } }

/* Custom Headlines */
div.widget.widget-header > h3.newspaper-headline { 
  -webkit-transform:scale(1.5,1); /* Safari and Chrome */
  -moz-transform:scale(1.5,1); /* Firefox */
  -ms-transform:scale(1.5,1); /* IE 9 */
  -o-transform:scale(1.5,1); /* Opera */
  transform:scale(1.5,1); /* W3C */  
  letter-spacing: 0.1vw;
  overflow: hidden;
  text-overflow: ellipsis;  
  font-family: 'Lora', serif; 
  font-weight: 800;  
  text-transform: uppercase; 
  font-size: calc(16px + 6 * ((200vw - 320px) / 680));
  width: calc( 100% / 1.5 );
  margin-left: calc( 25% / 1.5 );  
  color: #636b6f;
}
body.sidebar-collapse div.content-wrapper div.widget.widget-header > h3.newspaper-headline { font-size: calc(16px + 6 * ((280vw - 320px) / 680)); }
@media (max-width: 992px) { div.widget.widget-header > h3.newspaper-headline { font-size: calc( 100% + 1.5vw ); } }

/* Fake old time ads */
/*
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.row {  overflow: hidden; align-self: stretch; }
div.widget > .newspaper-article:after
{
  background-image: var(--adstrip1);
  background-repeat: repeat-y;
  background-position: top center;
  content: '';
  display: inline;
  height: 1000%;
  position: absolute;
  background-size: contain;
  overflow: hidden;
  width: 100%;
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:nth-of-type(2) > .newspaper-article:after {
  background-image: var(--adstrip2);
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:nth-of-type(3) > .newspaper-article:after {
  background-image: var(--adstrip3);
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:nth-of-type(4) > .newspaper-article:after {
  background-image: var(--adstrip4); 
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:nth-of-type(5) > .newspaper-article:after {
  background-image: var(--adstrip5);
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:nth-of-type(6) > .newspaper-article:after {
  background-image: var(--adstrip6);
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.widget:nth-of-type(7) > .newspaper-article:after {
  background-image: var(--adstrip7);
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets > div.row:nth-of-type(even) > div:nth-of-type(4) div.panel.widget-preview.newspaper-article:after {
  background-image: var(--adstrip8);
}
*/
/* Don't show ads on single column */
@media (max-width: 992px) { #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.panel.widget-preview.newspaper-article:after { background: none; height: unset; content: unset; } }

/* Headlines/title links */
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets h3.panel-title > a { font-family: 'Lora', serif; font-weight: 800; font-size: 150%; color: #636b6f; }
@media (min-width: 991px)  {
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-6 h3.panel-title > a, 
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-9 h3.panel-title > a,
  #campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.col-md-12 h3.panel-title > a { font-size: 300%; }
}

/* Circle links */
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.entity-content a.entity-mention { background: url(https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/circle.png);
    background-size: 100% 100%; background-position: center center; padding: 5px; margin: -5px;  
    font-family: 'Lora', serif;
    color: black; 
}
#campaign-dashboard > section.content:has( h3.widget-header-text.newspaper-title ) div.dashboard-widgets div.entity-content a.entity-mention:hover { background: url(https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/circle.png);
    background-size: 100% 100%; background-position: center center; padding: 5px; margin: -5px;  
    font-family: 'Lora', serif;
    color: black; 
}

/* Custom Headlines */
div.widget-header-text .widget-header > h3.newspaper-headline { 
  -webkit-transform:scale(1.5,1); /* Safari and Chrome */
  -moz-transform:scale(1.5,1); /* Firefox */
  -ms-transform:scale(1.5,1); /* IE 9 */
  -o-transform:scale(1.5,1); /* Opera */
  transform:scale(1.5,1); /* W3C */  
  letter-spacing: 0.1vw;
  overflow: hidden;
  text-overflow: ellipsis;  
  font-family: 'Lora', serif; 
  font-weight: 800;  
  text-transform: uppercase; 
  font-size: calc(16px + 6 * ((200vw - 320px) / 680));
  width: calc( 100% / 1.5 );
  margin-left: calc( 25% / 1.5 );  
  color: #636b6f;
}
body.sidebar-collapse div.content-wrapper div.widget.widget-header > h3.newspaper-headline { font-size: calc(16px + 6 * ((280vw - 320px) / 680)); }
@media (max-width: 992px) { div.widget.widget-header > h3.newspaper-headline { font-size: calc( 100% + 1.5vw ); } }
/** end plugin: Old Newspaper Dashboard #1.3 code **/