.wiki_article_body p {
    margin: 0px;
}

.item_icon {
    text-align: center;
}

.item_icon img {
    height: 128px;
    image-rendering: pixelated;
    background: #8b8b8b;
    border: 4px solid #e6e6e6; /*was #fff*/
    /*outline: 1px solid #373737;*/
    border-top-color: #373737;
    border-left-color: #373737;
}

.wiki_item_sidebar .item_name {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    display: block;
    padding: 15px 8px;
    margin-bottom: 20px;
    line-height: 27px;
}

.wiki_item_sidebar table,
.wiki_generic_sidebar table {
    border: 0px;
    width: 100% !important;
    margin-top: 6px;
}

.wiki_item_sidebar td,
.wiki_generic_sidebar td {
    width: 50% !important;
    border: 0px;
    padding-bottom: 5px;
    padding-top: 7px;
}

.wiki_item_sidebar td:first-child,
.wiki_generic_sidebar td:first-child {
    font-weight: bold;
}

.wiki_item_sidebar tr:not(:last-child),
.wiki_generic_sidebar tr:not(:last-child) {
    border-bottom: 1px solid #000;
}

.wiki_article_body table td img.mc_item_icon {
    width: 32px;
    height: 32px;
    image-rendering: pixelated;
}

.wiki_article_body table td img {
    image-rendering: pixelated;
}

.crafting_grid .out_grid {
    width: calc(48px * 3);
    display: flex;
    flex-wrap: wrap;
}

.item_slot {
    background: #8b8b8b;
    border: 2px solid #fff;
    border-top-color: #555555;
    border-left-color: #555555;
    height: 48px;
    width: 48px;
    position: relative;
}

.item_slot:hover {
    background: #c5c5c5;
}

.crafting_grid, .smelting_preview {
    background: #c6c6c6;
    border: 2px solid #e6e6e6;
    border-bottom-color: #555555;
    border-right-color: #555555;
    padding: 10px;
    display: flex;
    align-items: center;
    width: min-content;
    margin: 10px;
    position: relative;
}

.item_slot img {
    width: 44px !important;
    height: 44px !important;
    image-rendering: pixelated;
}

.item_slot:hover .item_tooltip {
    display: inline-block !important;
    visibility: visible;
    z-index: 20;
    color: #fff;
    background: #1b0c1beb;
    position: absolute;
    padding: 0px 5px;
    border: 2px solid #3c0097;
    outline: 2px solid #1b0c1beb;
    border-radius: 2px;
    text-transform: capitalize;
    pointer-events: none;
    white-space: nowrap;
}

.item_slot.out_item {
    width: 64px;
    height: 64px;
    padding: 8px;
}

.grid_arrow, .furnace_arrow {
    width: 60px;
    margin-left: 16px;
    margin-right: 8px;
}

.grid_arrow::before, .furnace_arrow::before {
    content: '';
    display: block;
    background: #8b8b8b;
    width: 38px;
    height: 10px;
    position: absolute;
    margin-top: -5px;
}

.grid_arrow::after, .furnace_arrow::after {
    content: '';
    display: block;
    background: #8b8b8b;
    width: 32px;
    height: 32px;
    position: absolute;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    transform: rotateZ(-45deg) scale(90%);
    margin-top: -16px;
    margin-left: 16px;
}

.furnace_arrow {
    width: 60px;
    margin-left: 16px;
    margin-right: 8px;
    filter: drop-shadow(0px 2px 0px #676767);
}

.furnace_arrow::before {
    background: #fff;
}

.furnace_arrow::after {
    background: #fff;
}

.smelting_preview .furnace_fire_icon {
    height: 48px;
    width: 48px;
    background: url(https://api.chaoticunited.net/php/itemdb/textures/gui/furnace_burn_icon.png);
    background-size: cover;
    image-rendering: pixelated;
    border: 4px solid transparent;
    background-repeat: no-repeat;
}

.modifier_icons {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    margin-bottom: 4px;
    margin-right: 4px;
    color: #7d7d7d;
}

.modifier_icons > div {
    margin: 4px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.shapeless_icon::before {
    font-family: 'font awesome 5 pro';
    content: '\f074';
    font-size: 20px;
}

.mirror_x_icon::before {
    font-family: 'font awesome 5 pro';
    content: '\f338';
    font-size: 20px;
}

.mirror_y_icon::before {
    font-family: 'font awesome 5 pro';
    content: '\f337';
    font-size: 20px;
}

/*.smoker_icon {
    background: url(https://api.chaoticunited.net/php/itemdb/textures/vanilla/items/smoker.png);
    background-size: cover;
}

.blast_furnace_icon {
    background: url(https://api.chaoticunited.net/php/itemdb/textures/vanilla/items/blast_furnace.png);
    background-size: cover;
}*/

.blast_furnace_icon::before {
    font-family: 'font awesome 5 pro';
    content: '\f3a5';
    font-size: 20px;
}

.smoker_icon::before {
    font-family: 'font awesome 5 pro';
    content: '\f6d7';
    font-size: 20px;
}

.mc_item_icon {
    width: 24px;
    height: 24px;
    image-rendering: pixelated;
}

.wiki_record_image {
    width: 100%;
}

.wiki_record_image img {
    width: 100%;
}

.item_amount {
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-shadow: 1px 1px 1px #000;
    bottom: 2px;
    right: 4px;
    pointer-events: none;
}

/* Editor Overrides */

.ipsComposeArea_editor .crafting_grid,
.ipsComposeArea_editor .smelting_preview {
    flex-direction: column;
    align-items: start;
    width: 100%;
}

.ipsComposeArea_editor .crafting_grid::before,
.ipsComposeArea_editor .smelting_preview::before {
    content: "Crafting Recipe Config";
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}

.ipsComposeArea_editor .smelting_preview::before {
    content: "Furnace Recipe Config";
}

.ipsComposeArea_editor .crafting_grid::after {
    content: "Separate 'Input Items' with semicolons - should be 9 items in total. Last item does not need to have a semicolon after. Do NOT separate recipe items on multiple lines.";
    margin-top: 8px;
}

.ipsComposeArea_editor .crafting_grid .input,
.ipsComposeArea_editor .crafting_grid .output,
.ipsComposeArea_editor .crafting_grid .is_shapeless,
.ipsComposeArea_editor .crafting_grid .can_mirror_x,
.ipsComposeArea_editor .crafting_grid .can_mirror_y,
.ipsComposeArea_editor .smelting_preview .input,
.ipsComposeArea_editor .smelting_preview .output,
.ipsComposeArea_editor .smelting_preview .allow_smoker,
.ipsComposeArea_editor .smelting_preview .allow_blast_furnace {
    display: block !important;
    border: 1px solid #000;
    padding-right: 6px;
    margin-bottom: 3px;
    font-family: monospace;
}

.ipsComposeArea_editor .crafting_grid .input::before,
.ipsComposeArea_editor .crafting_grid .output::before,
.ipsComposeArea_editor .crafting_grid .is_shapeless::before,
.ipsComposeArea_editor .crafting_grid .can_mirror_x::before,
.ipsComposeArea_editor .crafting_grid .can_mirror_y::before,
.ipsComposeArea_editor .smelting_preview .input::before,
.ipsComposeArea_editor .smelting_preview .output::before,
.ipsComposeArea_editor .smelting_preview .allow_smoker::before,
.ipsComposeArea_editor .smelting_preview .allow_blast_furnace::before {
    content: 'Input Items: ';
    background: #00000029;
    padding: 3px 6px;
    border-right: 1px solid #000;
    margin-right: 6px;
}

.ipsComposeArea_editor .crafting_grid .output::before {
    content: 'Output Item: ';
}

.ipsComposeArea_editor .crafting_grid .is_shapeless::before {
    content: 'Is Shapeless: ';
}

.ipsComposeArea_editor .crafting_grid .can_mirror_x::before {
    content: 'Can Mirror X: ';
}

.ipsComposeArea_editor .crafting_grid .can_mirror_y::before {
    content: 'Can Mirror Y: ';
}

.ipsComposeArea_editor .smelting_preview .input::before {
    content: 'Input Item: ';
}

.ipsComposeArea_editor .smelting_preview .output::before {
    content: 'Output Item: ';
}

.ipsComposeArea_editor .smelting_preview .allow_smoker::before {
    content: 'Allow Smoker: ';
}

.ipsComposeArea_editor .smelting_preview .allow_blast_furnace::before {
    content: 'Allow Blast Furnace: ';
}

.ipsComposeArea_editor .crafting_grid .out_grid,
.ipsComposeArea_editor .crafting_grid .out_item {
    display: none !important;
}

.wiki_recent_page_list {
    display: flex;
    flex-wrap: wrap;
}

.wiki_recent_page_link {
    display: flex;
    text-align: center;
    background: #00000008;
    margin: 4px;
    padding: 5px 15px;
    border-radius: 3px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wiki_recent_page_link:hover {
    background: #00000014;
}

.wiki_recent_page_link img {
    height: 64px;
    width: auto;
    filter: drop-shadow(0px 2px 7px #00000069);
}