.changeling {
    --sheet-background-color: var(--changeling-page-background);
}
  
.changeling .modern {  
    --main-wod-banner: var(--changeling-banner-background);
    --main-wod-banner-small: var(--changeling-banner-small-background);
}

.changeling:not(.noSplatFont) nav,
.changeling:not(.noSplatFont) .splatFont,
.changelingDialog:not(.noSplatFont) .splatFont,
.changelingItem:not(.noSplatFont) .splatFont {
	font-family: "changeling", var(--main-font);
}

.changelingDialog,
.changeling,
.changelingItem {
    --main-full-color: var(--main-changeling-color);
    --main-mid-color: var(--main-changeling-mid-color);
    --main-dim-color: var(--main-changeling-dim-color);
    --color-shadow-primary: var(--main-changeling-color);

    /* Splat-specific font-size defaults (tweak per splat if needed) */
    --wod-font-xxs: 0.4375rem;   /* 7px */
    --wod-font-xs: 0.625rem;     /* 10px */
    --wod-font-sm: 0.75rem;      /* 12px */
    --wod-font-md: 0.875rem;     /* 14px */
    --wod-font-base: 1rem;       /* 16px */
    --wod-font-lg: 1.125rem;     /* 18px */
    --wod-font-xl: 1.25rem;      /* 20px */
    --wod-font-xxl: 1.5rem;      /* 24px */

    /* Overrides to preserve current hard-coded sizes in this splat */
    --wod-font-sheet-headline: 1.875rem; /* 30px (.sheet-headline) */
    --wod-font-headline-group: 2rem; /* 32px (.headlineGroup) */
    --wod-font-headline-tabs: 1.5rem; /* 24px (.headlineTabs) */
    --wod-font-second-headline-tabs: 1.625rem; /* 26px (.secondHeadlineTabs) */
}

.changeling .wod-sheet .profile-img-zone button {  
    background: url('../assets/img/buttons/changeling.png');	
    color: #e0e0e0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

.changelingDialog:not(.noSplatFont) .headlineGroup {
    font-size: var(--wod-font-headline-group);
}

.changelingDialog:not(.noSplatFont) .headline {
    font-size: var(--wod-font-xl);
}
  
.changeling .lock-icon {
    margin-left: 4px;
}
  
.changeling:not(.noSplatFont) .headlineTabs {
    font-size: var(--wod-font-headline-tabs);
    line-height: 24px;
}

.changeling .splatFont .headlineList {
    font-size: var(--wod-font-base);
} 
  
.changeling .pullLeft.healthbox {
    margin-left: 15px;
    margin-right: 15px;
}
  
.changeling .pullRight.healthbox {
    margin-left: 15px;
    margin-right: 15px;  
}
  
.changeling .leftwrapper {
    border: 1px solid var(--main-changeling-color);
    border-bottom: 0px;
    border-right: 0px;
    padding-left: 5px;
    padding-top: 5px;
}
  
.changeling .topwrapper {
    border: 1px solid var(--main-changeling-color);
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-top: 5px;
}
  
.changeling .rightwrapper {
    border: 1px solid var(--main-changeling-color);
    border-bottom: 0px;
    border-left: 0px;
    padding-top: 5px;
    margin-right: 5px;
}
  
.changeling .wrapperboxleft {
    padding-left: 10px;
}
  
.changeling .wrapperboxright {
    margin-right: 5px;
}
  
.changeling .imbalance {
    background-color: red !important;
}

.changeling .bonus-power-name {
    width: 200px;
}

/* START - Core */

.changeling .health-headlineWidth {
    width: 	140px;
}

.changeling div.healthBox {
    padding-right: 15px;
}

.changeling .total.experienceValue {
    line-height: 30px;
}

/* START - Combat */

.changeling .armor-type-width {
    width: 210px;
}

.changeling .combat-concealBox {
    width: 75px;
}

.changeling .armor.headlineRowBackground {
    margin-bottom: -10px;
}

/* END - Combat */

/* START - Dreaming */

/* .changeling .art-row .art-iconbox {
    margin-left: 100px;
}
  
.changeling .art-row .power-dotBox {
    width: 120px;
}

.changeling .artpower-row .art-iconbox {
    margin-left: 87px;
}
  
.changeling .bonuses .art-iconbox {
    margin-left: 180px;
} */

.wod20.changeling .item-row-area.mainpower-row .power-itemlist .width-namebox {
  font-size: var(--wod-font-xl);
  font-weight: bold;
  width: 240px;
}
  
.changeling .realms-headlineWidth {
    width: 50%;
}

.changeling .highlightedPower {
    height: 15px;
    width: 15px;
    /* margin-top: 5px;     */
}

.changeling .realm-resource-values {
    margin-top: 4px;
}
  
/* END - Dreaming */

/* SETTINGS */

.changeling:not(.noSplatFont) .secondHeadlineTabs {
    font-size: var(--wod-font-second-headline-tabs);
}

.changeling .secondHeadlineTabs {
    width: 25%;
} 
