/*Temporary*/
.main-holder tooltip {
	color: red;
	font-weight: 800;
}
.force-clear {
	clear: both;
}
:root {
	/*-----*/
	--cyberpunk-h2: "Industry Inc";
	--cyberpunk-main-body: "Futura PT";
	--cyberpunk-main-subtitle: "Futura PT Cond Book";
	--cyberpunk-main-focus-text: "Futura PT Heavy";
	--cyberpunk-bisect-text: "Bisect";
	--cyberpunk-sidebar-h2: "SoundCheckWorn";
	--cyberpunk-body-strong: "Futura PT Heavy";
	--cyberpunk-cute-ad-font: "MixComic";
	/*-----*/
	--cyberpunk-red: #c12a1b;
	--table-alt: #fdd5c3;
	--cyberpunk-alt-highlight-color: #ffe96d;
	--cyberpunk-screamsheet-link-color: #6fc2f1;
	--black-chrome-bright-orange: #eda340;
	--black-chrome-bright-pink: #db377e;
	--black-chrome-bright-blue: #4e93cd;
	--black-chrome-light-purple: #a977cb;
	--black-chrome-olive: #80823f;
	--black-chrome-dark-turq: #304e5b;
	/*-----*/
	--base-font: 18px;
	--font-scale: 1.2;
	--font-size-1: var(--base-font);
	--font-size-2: calc(var(--base-font) * var(--font-scale));
	--font-size-3: calc(var(--font-size-2) * var(--font-scale));
	--font-size-4: calc(var(--font-size-3) * var(--font-scale));
	--font-size-5: calc(var(--font-size-4) * var(--font-scale));
	--font-size-6: calc(var(--font-size-5) * var(--font-scale));
	--font-size-7: calc(var(--font-size-6) * var(--font-scale));
	--font-size-8: calc(var(--font-size-7) * var(--font-scale));
	--font-size-small-1: calc(var(--base-font) / var(--font-scale));
	--font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));
	--font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));
}

/*NPC Block Updates*/
.main-holder .npc-block .npc-abilities {
	grid-area: 2 / 2 / 2 / 7 !important;
}
.main-holder .npc-block .npc-defense {
	grid-area: 1 / 2 / 1 / 7 !important;
}
.main-holder .npc-block .npc-er-details {
	gap: 10px;
	& div {
		border: 0px;
		padding: 5px;
		margin: 0px;
	}
}
.main-holder .npc-block .npc-name {
	font-family: "Bisect" !important;
}
.npc-block .er-rep .marker-box {
    font-family: var(--cyberpunk-sidebar-h2);
    font-size: var(--font-size-4);
}

.npc-block .er-role .sidebar-header {
    text-align: left;
    font-size: var(--font-size-2);
    letter-spacing: -0.5px;
    
    & .marker-box {
        padding: 0px;
    }
}
.sidebar-header .note {
    font-size: var(--font-size-small-1) !important;
}

.sidebar-header {
    margin: 10px 5px !important;
}

.npc-block .ability-header {
    margin-top: 2px !important;
}
.npc-block>p {
    min-width: 100% !important;
    margin: auto;
    font-size: var(--font-size-small-1) !important;
    
    & strong {
       font-size: var(--font-size-small-1) !important; 
    }
}
@media screen and (max-width: 600px) {
    .npc-block>.npc-defense {
    flex-wrap: wrap;
    }
    
    .npc-er-details {
        flex-wrap: wrap;
    }
    
    .npc-block .npc-er-details>div {
        width: 100% !important;
    }
}

.npc-block .er-role h2 {
    margin-right: 40px !important;
    line-height: 1;
    font-size: var(--font-size-1) !important;
    
    & span {
        font-size: var(--font-size-small-1);
        
        & .element-tooltip-wrapper {
            margin: -5px;
        }
    }
}
/*Night Market Maps*/
.main-holder .map-legend {
	border: thick solid var(--cyberpunk-red);
	width: fit-content;
	padding: 5px 20px;
	font-family: "Futura PT Heavy";
	background-color: #2b2b2b;
	margin-top: -10px;
	margin-bottom: 70px;
	&>div {
		display: flex;
		gap: 20px
}
}
/*Nightmarket Section Labels*/
.main-holder>.bc-nightmarket:before {
	content: "A";
	float: left;
	font-size: calc(var(--font-size-6)*2);
	position: absolute;
	left: -70px;
	top: 10px;
	color: black;
	-webkit-text-stroke: 0.5px #cdcdcd;
}
.main-holder>.bc-nightmarket.nm-b:before {
	content: "B";
}
.main-holder>.bc-nightmarket.nm-c:before {
	content: "C";
}
.main-holder>.bc-nightmarket.nm-d:before {
	content: "D";
}
.main-holder>.bc-nightmarket.nm-e:before {
	content: "E";
}
.main-holder>.bc-nightmarket.nm-f:before {
	content: "F";
}
/*Special Image Blocks in Catalogs*/
.main-holder .bc-cyberware {
	background-color: #0f1216;
	padding: 10px;
	font-family: "Futura PT";
	line-height: 1.8;
	font-weight: bold;
	font-size: var(--font-size-2);
	border: thick solid #eda340;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	& ol {
	    margin-left: 40px;
	}
	& ol li {
		text-align: left;
	}
	& li::marker{
		color: #eda340;
	}
	& .tooltip-link, tooltip {
		color: white;
	}
	& em {
		font-weight: normal;
	}
	& img {
		padding: 30px;
	}
}
.main-holder .bc-cyberware.fashion {
	border: thin solid var(--black-chrome-bright-pink);
	line-height: 1.2;
	& .image-with-subtitle-center {
		& img {
			padding: 0px 20px;
		}
		& p {
			text-align: right;
			font-family: "Futura PT";
			margin-top: -10px;
			margin-right: 10px;
			font-size: var(--font-size-1);
		}
	}
	& li::marker{
		color: var(--black-chrome-bright-pink);
	}
}
.main-holder .bc-cyberware.fashion p em  {
    font-size: var(--font-size-small-1) !important;
}
/*Catalog Headers*/
.main-holder>.Category-Header-App, .main-holder>.Category-Header-Fashion,.main-holder>.Category-Header-Cyberfingers, .main-holder>.Category-Header-Gear, .main-holder>.Category-Header-Linear-Frame, .main-holder>.Category-Header-Vehicles, .main-holder>.Category-Header-Weapons {
	text-align: left;
	font-family: "Futura PT";
	font-size: var(--font-size-6);
	border-bottom: 1px solid var(--cyberpunk-red);
	margin-bottom: var(--font-size-3);
}
.main-holder>.Category-Header-Cyberfingers {
	border-bottom: 1px solid #ab7834;
}
.main-holder>.Category-Header-Fashion {
	border-bottom: 1px solid var(--black-chrome-bright-pink);
}
.main-holder>.Category-Header-Gear {
	border-bottom: 1px solid #4e93cd;
}
.main-holder>.Category-Header-Linear-Frame {
	border-bottom: 1px solid #a977cb;
}
.main-holder>.Category-Header-Vehicles {
	border-bottom: 1px solid #80823f;
}
.main-holder>.Category-Header-Weapons {
	border-bottom: 1px solid #304e5b;
}
.main-holder>h2.Category-Header-App, .main-holder>h2.Category-Header-Fashion, .main-holder>h2.Category-Header-Gear, .main-holder>h2.Category-Header-Linear-Frame, .main-holder>h2.Category-Header-Vehicles, .main-holder>h2.Category-Header-Weapons {
	font-size: var(--font-size-5);
	&:after {
		display: none;
	}
	&:first-letter {
		float: none;
		font-size: var(--font-size-5);
	}
}
.main-holder>h2.Category-Header-App.cyberware {
	border-bottom: 1px solid #ab7834;
}
/*Catalog Openers*/
.main-holder .bc-section-intro {
	display: flex;
	& div {
		min-width: 30%;
		font-family: "Futura PT";
		font-size: var(--font-size-2);
		padding-bottom: 5px;
		& p {
			padding-right: 5px;
			text-align: justify;
		}
		& .Body-Text_Category-Intro-Quote-Name, .Body-Text_Category-Intro-Quote-Name-Sub {
			text-align: right;
			margin: 0px;
			font-size: var(--font-size-1);
		}
		& .Body-Text_Category-Intro-Quote-Name-Sub {
			font-style: italic;
			opacity: 0.8;
		}
	}
}
.main-holder .bc-section-intro.fashion div {
	min-width: 35%;
}

@media screen and (max-width: 700px) {
.bc-section-intro {
    flex-wrap: wrap;
    justify-content: center;
    
    & .book-image-center {
        margin: auto;
    }
    }}
/*Catalog Item Blocks*/
.main-holder>.example-listing {
	margin: 10px 2px 20px;
	background: linear-gradient(0deg, rgba(30,25,25,1) 0%, rgba(53,43,43,1) 100%);
	padding: 20px;
	border: thick solid #E3241A;
	color: white;
	font-family: var(--cyberpunk-main-body);
	font-size: var(--font-size-1);
	line-height: 1.2;
	display: flex;
	gap: 20px;
	& .table-header {
		text-align: center;
		font-style: italic;
		font-size: var(--font-size-1);
		margin-top: 0px;
	}
	& .color-span {
		color: #f25858;
	}
	& a, .reader-link {
		color: #f25858;
	}
	& .tooltip-link, tooltip {
		color: #F2587D;
	}
	& h3 {
		font-family: var(--cyberpunk-body-strong);
		font-size: var(--font-size-3);
	}
	& .ToC-and-Index_Company-Subheader {
		opacity: 0.8;
		margin-top: 10px;
	}
	& .ToC-and-Index_Item-Cost {
		font-style: italic;
		font-family: var(--cyberpunk-body-strong);
	}
	& .bc-middle {
		width: 70%;
	}
	& .bc-left {
		padding: 10px;
		width: 30%;
		text-align: center;
		& .Body-Text_Pick-up-or-Browse {
			text-align: center;
			margin: 10px 0px;
			font-size: var(--font-size-small-1);
			font-style: italic;
			&:before {
				content: "Buy Now!!!";
				display: block;
				border-radius: 20px;
				background: linear-gradient(0deg, rgba(36,102,151,1) 0%, rgba(35,81,115,1) 50%, rgba(78,172,217,1) 75%, rgba(216,237,243,1) 100%);
				padding: 10px;
				line-height: 2;
				color: white;
				margin: 20px auto;
				font-style: normal;
				font-family: var(--cyberpunk-h2);
				border: 1px solid black;
				text-shadow: 0px 0px 2px black;
			}
		}
	}
}
.main-holder>.example-listing.olive, .main-holder>.example-listing.spchd {
	flex-wrap: wrap;
	& div {
		max-width: 65%;
	}
	.bc-heading {
		min-width: 100% !important;
		max-width: 100% !important;
		margin-top: -40px;
	}
	.ToC-and-Index_Nomad-Access {
		text-align: right;
		& strong {
			font-family: "Futura PT Heavy";
		}
	}
}
.olive .bc-heading .book-image-center {
    min-width: 100%;
}
.main-holder>.example-listing>.bc-left>.Body-Text_Pick-up-or-Browse.red-cta:before {
	background: linear-gradient(0deg, rgba(151,36,36,1) 0%, rgba(115,35,35,1) 50%, rgba(217,78,78,1) 75%, rgba(243,216,216,1) 100%);
}
.main-holder>.example-listing>.bc-left>.Body-Text_Pick-up-or-Browse.gunmetal-cta:before {
	background: linear-gradient(0deg, rgba(41,66,84,1) 0%, rgba(38,57,68,1) 50%, rgba(105,164,183,1) 75%, rgba(190,208,219,1) 100%);
}
.main-holder>.example-listing>.bc-left>.Body-Text_Pick-up-or-Browse.pink-cta:before {
	background: linear-gradient(0deg, rgba(151,26,100,1) 0%, rgba(115,25,100,1) 50%, rgba(217,48,120,1) 75%, rgba(243,216,235,1) 100%);
}
.main-holder>.example-listing>.bc-left>.Body-Text_Pick-up-or-Browse.olive-cta:before {
	background: linear-gradient(0deg, rgba(144,149,71,1) 0%, rgba(105,115,53,1) 50%, rgba(183,211,98,1) 75%, rgba(240,243,216,1) 100%);
}
.main-holder>.example-listing.pink {
	border: thick solid var(--black-chrome-bright-pink);
}
.main-holder>.example-listing.olive {
	border: thick solid var(--black-chrome-olive);
}
.main-holder>.example-listing.gunmetal {
	border: thick solid var(--black-chrome-dark-turq);
}
.main-holder>.example-listing.blue {
	border: thick solid var(--black-chrome-bright-blue);
	& table {
		& th {
			background-color: #193f5f !important;
			border-color: #193f5f !important;
		}
		& td {
			border-color: #193f5f !important;
			background-color: #11212f;
		}
		& tr {
			border-color: #193f5f !important;
		}
		& tbody {
			border-color: #193f5f !important;
		}
	}
}
.main-holder>.vertical-listing {
	margin: 10px 2px 20px;
	background: linear-gradient(0deg, rgba(30,25,25,1) 0%, rgba(53,43,43,1) 100%);
	padding: 20px;
	border: thick solid var(--black-chrome-bright-orange);
	color: white;
	font-family: var(--cyberpunk-main-body);
	font-size: var(--font-size-1);
	line-height: 1.2;
	display: flex;
	& .bc-left {
		min-width: 40%;
		margin-top: 30px;
		margin-right: 5px;
		& img {
			margin-left: auto;
			margin-right: auto;
		}
	}
	& img {
		margin: -10px 20px 20px 0px;
	}
	& .color-span {
		color: #f25858;
	}
	& a, .reader-link {
		color: #f25858;
	}
	& .tooltip-link, tooltip {
		color: #F2587D;
	}
	& h3 {
		font-family: var(--cyberpunk-body-strong);
		font-size: var(--font-size-3);
	}
	& .ToC-and-Index_Company-Subheader {
		opacity: 0.8;
		margin-top: 10px;
	}
	& .ToC-and-Index_Item-Cost {
		font-style: italic;
		font-family: var(--cyberpunk-body-strong);
	}
	& .Body-Text_Pick-up-or-Browse {
		text-align: center;
		margin: 10px auto;
		font-size: var(--font-size-small-1);
		font-style: italic;
		max-width: 50%;
		&:before {
			content: "Buy Now!!!";
			display: block;
			border-radius: 20px;
			background: linear-gradient(0deg, rgba(36,102,151,1) 0%, rgba(35,81,115,1) 50%, rgba(78,172,217,1) 75%, rgba(216,237,243,1) 100%);
			padding: 10px;
			line-height: 2;
			color: white;
			margin: 20px auto;
			font-style: normal;
			font-family: var(--cyberpunk-h2);
			border: 1px solid black;
			text-shadow: 0px 0px 2px black;
		}
	}
}
.main-holder>.vertical-listing.purple {
	border-color: var(--black-chrome-light-purple) !important;
}
.main-holder>.vertical-listing>.bc-middle>.Body-Text_Pick-up-or-Browse.red-cta:before {
	background: linear-gradient(0deg, rgba(151,36,36,1) 0%, rgba(115,35,35,1) 50%, rgba(217,78,78,1) 75%, rgba(243,216,216,1) 100%);
}
.main-holder>.vertical-listing>.bc-middle>.Body-Text_Pick-up-or-Browse.orange-cta:before {
	background: linear-gradient(0deg, rgba(151,93,36,1) 0%, rgba(115,63,35,1) 50%, rgba(217,107,78,1) 75%, rgba(255,238,216,1) 100%);
}
.main-holder>.vertical-listing>.bc-middle>.Body-Text_Pick-up-or-Browse.purple-cta:before {
	background: linear-gradient(0deg, rgba(96,36,151,1) 0%, rgba(85,36,115,1) 50%, rgba(163,78,217,1) 75%, rgba(235,216,255,1) 100%);
}
.main-holder>.letter-sign-off {
	display: flex;
	font-family: var(--cyberpunk-main-body);
	text-align: right;
	font-size: var(--font-size-2);
	line-height: 1.2;
	gap: 20px;
	& div {
		width: 50%;
	}
}

@media screen and (max-width: 500px) {
.example-listing {
    flex-wrap: wrap;
    
    & div {
        min-width: 100%;
    }
    }}
    
    @media screen and (max-width: 600px) {
.vertical-listing {
    flex-wrap: wrap;
    justify-content: center;
    
    & .bc-left {
        min-width: 100% !important;
        margin: auto auto 20px auto !important;
    }
    
    & .book-image-left {
        float: none !important;
        margin: auto !important;
    }
    
   
    }
}

/*Brand Logo Table*/
.brand-gallery td {
	background-color: #131010 !important;
	border: none !important;
}
.brand-gallery tbody {
	border: none !important;
}

@media screen and (max-width: 800px) {
    .brand-gallery td img {
    max-width: 200px !important;
    padding: 10px !important;
}
}

/*Catalog Image Table*/
.main-holder .chapter-gallery {
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 15px !important;
	& tbody {
		border: none !important;
		& .apps {
			background-color: #832a21;
		}
		& .cyberware {
			background-color: #ab7834;
		}
		& .fashion {
			background-color: #a9245e;
		}
		& .goods {
			background-color: #266eaa;
		}
		& .frames {
			background-color: #57508a;
		}
		& .vehicles {
			background-color: #80803f;
		}
		& .weapons {
			background-color: #122128;
		}
		& .note {
			font-size: var(--font-size-1);
			line-height: 2;
			padding: 0px;
		}
		& td {
			border: none !important;
			font-size: var(--font-size-3);
			color: white;
			webkit-text-stroke: 1px solid black;
			padding: 0px 10px;
			& p {
				margin: 40px 0px;
			}
			& a, .reader-link {
				border-bottom: 0px;
				text-decoration: none;
				color: white !important;
				&:hover {
					opacity: 0.5;
					transition: all 0.5s;
				}
			}
			& img {
				max-width: 43%;
				max-height: 140px;
			}
		}
	}
}
.main-holder .chapter-gallery td .book-image-center {
   height: 100px;
    line-height: 100px;
}

/*Chapter Advertisements*/
.image-item-block {
	background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome/css/stayclean.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #a3a4a6;
	padding-bottom: 20px;
	margin-bottom: 50px;
	& .spacer {
		height: 700px;
	}
	& .interior-item-block {
		margin: 30px 20px;
		border: thick solid #4e93cd;
		background-color: #111112;
		font-family: "Futura PT";
		padding: 10px 20px;
		& .top {
			margin-bottom: 30px;
			line-height: 1;
			display: flex;
			gap: 20px;
			& div {
				min-width: 50%;
				& .Body-Text_Pick-up-or-Browse {
					text-align: center;
					margin: 10px 0px;
					font-size: var(--font-size-small-1);
					font-style: italic;
					&:before {
						content: "Buy Now!!!";
						display: block;
						border-radius: 20px;
						background: linear-gradient(0deg, rgba(36,102,151,1) 0%, rgba(35,81,115,1) 50%, rgba(78,172,217,1) 75%, rgba(216,237,243,1) 100%);
						padding: 10px;
						line-height: 2;
						color: white;
						margin: 20px auto;
						font-style: normal;
						font-family: var(--cyberpunk-h2);
						border: 1px solid black;
						text-shadow: 0px 0px 2px black;
						max-width: 50%;
					}
				}
			}
		}
	}
}
.image-item-block.bc-sov {
	background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome/css/sovoillube.jpg");
	background-color: #efc531;
	& .spacer {
		height: 800px;
	}
}
.image-item-block.bc-drink {
	background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome/css/drinkad.jpg");
	background-color: #081f2d;
	& .spacer {
		height: 650px;
	}
}
@media screen and (max-width: 500px) {
    .interior-item-block .top {
    flex-wrap: wrap;
    justify-content: center;
    
    
       & .Body-Text_Pick-up-or-Browse:before {
            max-width: 75% !important;
        }
    }
}

@media screen and (max-width: 800px) {
    .image-item-block .spacer {
    height: 0px !important;
    padding-bottom: calc(var(--font-size-7)*12)
}
}

@media screen and (max-width: 700px) {
    .image-item-block .spacer {
    height: 0px !important;
    padding-bottom: calc(var(--font-size-7)*10)
}
}


@media screen and (max-width: 550px) {
    .image-item-block .spacer {
    height: 0px !important;
    padding-bottom: calc(var(--font-size-7)*8)
}
}


@media screen and (max-width: 450px) {
    .image-item-block .spacer {
    height: 0px !important;
    padding-bottom: calc(var(--font-size-7)*6.2)
}
}

@media screen and (max-width: 400px) {
    .image-item-block .spacer {
    height: 0px !important;
    padding-bottom: calc(var(--font-size-7)*5.2)
}
}

ol.ol-reset li:before {
          
            font-family: "Futura PT";
            font-size: var(--font-size-2);
            line-height: 1;
    color: #eda340;
        }
   

/*Image Wizard Styles*/