:root {
    --ose-default-light-green: #d7e8cc;
}

.lexend-deca-bold> {
    font-family: "Lexend Deca", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}


.eb-garamond-normal {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.stat-block {
    text-align: left;
    font-size: 12.5px;
    line-height: 1.2em;
    display: inline-block;
    vertical-align: top;
    width: 400px;
    background-color: white;
    background-size: cover;
	background-position: center; 
    padding: 10px 10px 20px;
    box-sizing: border-box;
    font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
}

.stat-block.wide {
    width: 800px;
    text-align: center;
}

.stat-block.wide .section-left,
.stat-block.wide .section-right {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    text-align: left;
}

.stat-block.wide .section-left {
    margin-right: 1.5%;
}

.stat-block.wide .section-right {
    margin-left: 1.5%;
}

.stat-block .stat_title {
    font-weight: bold;
}

hr.top-border {
    display: block;
    background: #E69A28;
    background-size: cover;
	background-position: center; 
    background-image: url('../dndimages/statblockbar.jpg');
    border: 1px solid #000;
    height: 5px;
    padding: 0 10px 0;
    margin: -10px -10px 0;
    box-sizing: initial;
}


.orange-border.bottom {
    margin: 15px -10px -20px;
}

.tapered-rule {
    display: block;
    width: 100%;
    height: 5px;
    border: none;
    color: #922610;
    fill: #922610;
}

.monster_heading {
    margin: 0 0 10px;
}

.monster_heading h1 {
    font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif;
    color: black;
    font-size: 21px;
    line-height: 1.2em;
    margin: 10px 0 0;
    letter-spacing: 1px;
    font-weight: bold;
}

.monster_heading h2 {
    font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0;
}

.property-line h4,
.property-line p {
    display: inline;
    margin: 0;
    color: #922610;
    font-size: 12.5px;
    line-height: 1.2em;
}

.property-line h4 {
    color: #7A200D;
}

.property-line {
    text-indent: -1em;
    padding-left: 1.1em;
    line-height: 1.4em;
}

.property-line.first {
    margin: 8px 0 0;
}

.property-line.last {
    margin: 0 0 10px;
}

.scores {
    text-align: center;
    color: #922610;
}

.scores>div {
    display: inline-block;
    vertical-align: middle;
    width: 15.5%;
    min-width: 40px;
    font-size: 12px;
    line-height: 1em;
}

.scores h4 {
    margin: 10px 0 2px;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #7A200D;
}

.scores p {
    margin: 0 0 10px;
    line-height: 1.2em;
}

.property-block h4,
.property-block p {
    font-size: 12.5px;
    line-height: 1.2em;
    display: inline;
    margin: 0;
}

.property-block h4 {
    font-style: italic;
}

.property-block {
    padding: 10px 2px 0;
}

.legendary {
    padding-top: 0;
}

.legendary h4 {
    padding-left: 2px;
    font-style: normal;
}

.legendary p {
    font-style: normal;
}

#traits-list-right> :first-child.property-block.legendary {
    /* for a rare edge case where a legendary action is the first item in the second column */
    padding-top: 10px;
}

.lairregional {
    padding-top: 0;
}

.lairregional p {
    font-style: normal;
}

#traits-list-right> :first-child.property-block.lairregional {
    /* for a rare edge case where a lair action is the first item in the second column */
    padding-top: 10px;
}

.actions h3 {
    border-bottom: 2px solid #7A200D;
    color: #7A200D;
    font-size: 21px;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px 0 0;
    padding: 0 0 10px;
    text-indent: 5px;
}

.actions {
    margin: 0 0 20px;
}

.actions:last-child {
    margin: 0;
}

.indent {
    text-indent: 1em;
}

.reverse-indent {
    text-indent: -1em;
    padding-left: 1em;
}

.top-stats {
    /* Fix for a weird bug that I can't figure out the cause of */
    margin: 0 0 10px;
}

#print-block h1,
#print-block h3,
#print-block h4,
#print-block p {
    color: black;
}

#print-block h3 {
    border-bottom-color: black;
}

#print-block .tapered-rule {
    color: black;
    fill: black;
}

#print-block .stat-block {
    background: none;
}

#print-block .orange-border {
    display: none;
}


/* ==================== STYLES ==================== */

/* ========== DEFAULT STYLE ========== */
.stat-block.default_style {
    font-family: 'EB Garamond', Georgia, serif;
    width: 250px;
    font-size: 15px;
    line-height: 1.15em;
}

.default_style hr.top-border,
.default_style hr.bottom-border  {
    display: none;
}

.default_style .monster_heading {
    margin: 0;
    margin-bottom: 5px;;
}

.default_style .monster_heading h1 {
    background-color: var(--ose-default-light-green);
    line-height: 1em;
    padding: 6px 6px;
    font-family: 'Lexend Deca', sans-serif;
    letter-spacing: -1px;
    font-size: 19px;
    margin-top: 0;
}

.default_style hr {
    border: 0.5px solid black;
    margin: 4px 0;
}

.default_style .stats {
    line-height: 1.2em;
}

.default_style ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0px;
    list-style-type: none;
    line-height: 1.1em;
}

.default_style li {
    text-indent: 0em;
    margin-bottom: 0.5em;
}

.default_style li:last-child {
    margin-bottom: 0;
}

.default_style li::before {
    content: "▶ ";
    padding-right: 6px;
    color: black;
    font-size: 0.65em;
}

.default_style .ability_title {
    font-weight: bold;
}