/*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));
}

@font-face {
	font-family: "Bisect";
	src: url("https://content.demiplane.com/fonts/Bisect.otf") format("opentype");
}

.main-holder>.pdf-link {
    text-align: center;
    
    & a, .reader-link {
    font-family: "Bisect";
    font-size: var(--font-size-3);
}
}

.main-holder .token-gallery {
    & td {
        background-color: #010101;
        border: 0px solid black !important;
    }
    
    & tr {
        
        border: 0px solid black !important;
    }
    
    & tbody {
        border: 0px solid black !important;
    }
}
 
 
.main-holder .bcplus-image-block {
    background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-02-BagLadyChic-NoText.png");
    height: 500px;
    width: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 20px;
	
	& .spacer {
	    min-height: 60%;
	}
	
	& div {
	    margin-top: auto;
	    position: relative;
	    bottom: 0px;
	    color: white;
	    -webkit-text-stroke: 1px black;
	    line-height: 1;
	    text-align: center;
	    font-family: var(--cyberpunk-h2);
	    & p {
	        margin-block-end: 0px;
	        margin-block-start: 0px;
	        text-shadow: 0px 0px 3px black;
	        
	        & strong {
	            font-size: var(--font-size-3);
	            font-family: "Futura PT Heavy";
	        }
	    }
	    & tooltip, .tooltip-link {
	        color: white !important;
	        font-size: var(--font-size-6) !important;
	        border-bottom: 0px solid black !important;
	    }
	    
	}
	
	& .subtitle {
	    margin-top: 10px;
	  background-color: var(--cyberpunk-red);
	  width: fit-content;
	  -webkit-text-stroke: 0px;
	  font-family: "Futura PT Cond Book";
	  text-transform: uppercase;
	  padding: 5px 10px;
	  font-size: var(--font-size-1);
	  float: left;
	    
	
	}
}

@media screen and (max-width: 500px) {
.main-holder .bcplus-image-block .spacer {
    min-height: 50% !important;
}



.main-holder .bcplus-image-block div .tooltip-link {
    font-size: var(--font-size-3) !important
}

.main-holder .bcplus-image-block div p strong {
    font-size: var(--font-size-small-1) !important
}

.main-holder  .bcplus-image-block .subtitle p {
    font-size: var(--font-size-small-1) !important;
}
}

@media screen and (max-width: 800px) {
.main-holder .bcplus-image-block {
    max-height: 500px;
    margin: -30px 0px;
}
}

@media screen and (max-width: 600px) {
.main-holder .bcplus-image-block {
    max-height: 400px;
    margin: -30px 0px;
}
}

@media screen and (max-width: 500px) {
.main-holder .bcplus-image-block {
    max-height: 300px;
    margin: -30px 0px;
}
}



@media screen and (max-width: 400px) {
.main-holder .bcplus-image-block {
    max-height: 220px;
    margin: -30px 0px;
}
}

.main-holder .bcplus-image-block.gang {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-03-GangColors-NoText.png"); 
}

.main-holder .bcplus-image-block.generic {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-04-GenericChic-NoText.png"); 
}

.main-holder .bcplus-image-block.boho {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-05-Bohemian-NoText.png"); 
}

.main-holder .bcplus-image-block.leisure {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-06-Leisurewear-NoText.png"); 
}

.main-holder .bcplus-image-block.nomad {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-07-NomadLeathers-NoText.png"); 
}

.main-holder .bcplus-image-block.asia {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-08-AsiaPop-NoText.png"); 
}

.main-holder .bcplus-image-block.urban {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-09-UrbanFlash-NoText.png"); 
}

.main-holder .bcplus-image-block.business {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-10-Businesswear-NoText.png"); 
}

.main-holder .bcplus-image-block.fashion {
   background-image: url("https://content.demiplane.com/compendium/cyberpunkred/black-chrome-plus/pYZofZTGltOZuWgB/00-11-HighFashion-NoText.png"); 
}
    
.main-holder .ability-header {
    border-top: 2px solid #55080a;
    padding-top: 20px;
}  

.main-holder .ability-header.first {
    border-top: 0px;
    padding-top: 10px;
}

.main-holder ul {
    margin-bottom: 60px;
}
/*Image Wizard Styles*/